webupload上传后回调

发表于

在做商品评价时要做多图上传,就在网上找到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

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注