美文网首页
h5+带token附件上传:plus.uploader.crea

h5+带token附件上传:plus.uploader.crea

作者: 一个记事本 | 来源:发表于2019-04-02 15:47 被阅读0次
    
                    //mainUrls = 需要上传的url
                    var task = plus.uploader.createUpload(mainUrls, {
                            method: "POST",
                            //《注意》这里不能像ajax一样把token放在这里。
                            //beforeSend: function(request) {
                            //  request.setRequestHeader(tokenHeader, appToken);
                            //},
                            //《请求类型》
                            headers: {
                                "Content-Type": "multipart/form-data"
                            }
                        },
                        function(data, status) {
                            // 上传完成
                            if(status == 200) {
                                console.log("Upload success: " + data.responseText);
                            } else {
                                alert("Upload failed: " + status);
                            }
                        }
                    );
                    //《注意》带token上传附件时要把toke写在setRequestHeader中。
                    task.setRequestHeader(tokenHeader,appToken);
                    //images为图片的src,多张上传的话就写个for
                    task.addFile(images, {
                        key: "file"  //这里为需要上传图片的key名称。
                    });
                /*
                  //多张图片上传(看后台需要用什么方式)    files为图片url数组   
                  //多张图片对应多个key上传
                   for (var i = 0; i < files.length; i++) { 
                      var imgPath = files[i]; 
                      // console.log("准备上传的图片路径:"+ imgPath); 
                      task.addFile(imgPath, { 
                          key: file    // file 为图片的key
                      }); 
                    } 
    
                    //多张图片对应单个key上传
                    task.addFile(files, {
                        key: "file"  //这里为需要上传图片的key名称。
                    });
        */
                    
                  
    
                    //需要提交的参数多次添加
                    task.addData("fileFrom", "信息发布");
                    task.addData("attachType", "1"); 
                    //开始上传
                    task.start();
    

    相关文章

      网友评论

          本文标题:h5+带token附件上传:plus.uploader.crea

          本文链接:https://www.haomeiwen.com/subject/isygbqtx.html