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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了h5+带token附件上传:plus.uploader.createUpload相关的知识,希望对你有一定的参考价值。

//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.createUpload的主要内容,如果未能解决你的问题,请参考以下文章

安卓手机h5上传excel

h5中formdata怎么添加file

通过 Codeigniter 发送带附件的电子邮件时出错

论坛上传附件总是失败

七牛上传开发(三)使用NodeJS生成带数据处理的凭证

ElementUI+SpringBoot带普通类型参数的文件上传