笔记 · · 1962 阅读

webupload上传后回调

上传 webupload
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('');

        }

        });

这一段是为了回调后把图片路径用隐藏域的方法保存在form表单中,

然后提交表单进行数据库添加操作

OK
0 评论

评论

还没有评论,来说两句吧