webuploader 缩略图src的生成时间是什么 是在哪里获得的值
因为我自定义了formdata传给后端
在浏览器上都没事
在手机上发现穿过去的缩略图的base64是空的
想是不是我在取值的时候还没有返回回来
我是在beforesend中取的值
var uploader = WebUploader.create({
// 选完文件后,是否自动上传。
auto: true,
// swf文件路径
swf: 'Uploader.swf',
// 文件接收服务端。
server:upload_url,
// 选择文件的按钮。可选。
// 内部根据当前运行是创建,可能是input元素,也可能是flash.
pick: '#filePicker',
// 只允许选择图片文件。
accept: {
title: 'Images',
extensions: 'gif,jpg,jpeg,bmp,png',
mimeTypes: 'image/jpg,image/jpeg,image/png'
},
formData: {
"baseUrl": '',
},
compressSize: 10000000,
compress: false,
});
uploader.on('fileQueued', function (file) {
var $li = $(
'<div id="' + file.id + '" class="file-item thumbnail">' +
'<img>' +
'</div>'
),
$btns = $('<div class="file-panel">' +
'<span class="cancel">删除</span>').appendTo($li),
$img = $li.find('img');
uploader.options.formData.baseUrl = $('#fileList img').attr('src');
// $list为容器jQuery实例
$('#fileList').append($li);
// 展示缩略图 选取图片按钮隐藏
$('#fileList').css({
'z-index': '2'
})
$('.addPhoto').hide();
// 创建缩略图
// 如果为非图片文件,可以不用调用此方法。
// thumbnailWidth x thumbnailHeight 为 100 x 100
uploader.makeThumb(file, function (error, src) {
if (error) {
$img.replaceWith('<span>不能预览</span>');
return;
}
$img.attr('src', src);
}, 100, 100);
$btns.on('click', 'span', function () {
var index = $(this).index(),
deg;
if (index == 0) {
var $li = $('#' + file.id);
$li.off().find('.file-panel').off().end().remove();
$('.addPhoto').show()
$('#fileList').css({
'z-index': '-1'
})
}
});
});
uploader.on('uploadBeforeSend', function (obj, data, headers) {
data.baseUrl = $('#fileList img').attr('src');
});
// 文件上传成功,给item添加成功class, 用样式标记上传成功。
uploader.on('uploadSuccess', function (file,response) {
$('#' + file.id).addClass('upload-state-done');
swal(response._raw);
alert(response._raw);
$('#hideField').text(response._raw)
});
// 文件上传失败,显示上传出错。
uploader.on('uploadError', function (file) {
var $li = $('#' + file.id),
$error = $li.find('div.error');
$error.text('上传失败');
});
// 完成上传完了,成功或者失败,先删除进度条。
uploader.on('uploadComplete', function (file) {
$('#' + file.id).find('.progress').remove();
});
真的挺急的还 找不到原因
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
看了下文档,可能应该是在
uploadStart
时写入更加正常?