在做商品评价时要做多图上传,就在网上找到webupload这个上传类
在upload.js中有请求PHP路径的方法,
// 实例化
uploader = WebUploader.create({
pick: {
id: ‘#filePicker’,
label: ‘点击选择图片’
},
formData: {
uid: 123
},
dnd: ‘#dndArea’,
paste: ‘#uploader’,
swf: ‘../../dist/Uploader.swf’,
chunked: false,
chunkSize: 512 * 1024,
server: ‘/index.php?route=common/filemanager/upload’,
// runtimeOrder: ‘flash’,
// accept: {
// title: ‘Images’,
// extensions: ‘gif,jpg,jpeg,bmp,png’,
// mimeTypes: ‘image/*’
// },
// 禁掉全局的拖拽功能。这样不会出现图片拖进页面的时候,把图片打开。
disableGlobalDnd: true,
fileNumLimit: 300,
fileSizeLimit: 200 * 1024 * 1024, // 200 M
fileSingleSizeLimit: 50 * 1024 * 1024 // 50 M
});
将这里改成PHP服务端的文件处理方法中,返回json格式,
demo中没有涉及到回调这个方法,需要自己加上去:
// 上传后回调
uploader.on(“uploadAccept”, function(file, data) {
if (data.success) {
$(‘#imglist’).append(‘<input type=”hidden” name=”file[]” value=”‘ + data.url + ‘”>’);
}
});
这一段是为了回调后把图片路径用隐藏域的方法保存在form表单中,
然后提交表单进行数据库添加操作
OK
发表回复