<div class="layui-upload-drag" id="test10" onclick="getToken()" style='margin-left: 25%;margin-top:20px'>
<i class="layui-icon"></i>
<p>将图片拖拽到此处将自动上传</p>
</div>
var uploadIns = upload.render({
elem: '#test10',
url: '//upload.qiniup.com'
,data : null
,field :'file'
,accept:'images'
,acceptMime: 'image/*'
,multiple: true
,size : 3072 //最大3M
,auto: true
,drag : true
,before: function(obj){
obj.preview(function(index, file, result){
console.log('index : ',index,' file : ',file);
});
//上传完毕
layer.load(2,{
shade : [0.5,"#000"],
time : 1500
})
}
,done: function(res, index, upload){
if(res.hash != undefined){
//成功之后需要渲染
addAccidentImg(uploadData.img_urls,uploadData.url);
layer.msg("修改图片上传成功", {
time: 1000,
});
}
}
,error : function(index, upload){
layer.msg("上传失败", {
time: 1500,
});
}
});
/**
* 重载data
* */
window.getToken = function(){
uploadIns.config.data = function(){
$.ajax({
type: "get",
async: false,
url: "/api/public/upload/getToken",
contentType: 'application/json',
success: function(res) {
res = JSON.parse(res);
console.log('token1 : ',res);
uploadData.token = res.uploadToken;
uploadData.key = res.fileName;
uploadData.domain = res.domainBucket;
uploadData.url = uploadData.domain + '/' + uploadData.key;
}
});
return {
token : uploadData.token,
key : uploadData.key
}
}()
}
转载于:https://my.oschina.net/u/3737002/blog/3073776