webuploader 缩略图src的生成时间是什么 是在哪里获得的值

发布于 2022-09-05 14:58:23 字数 2918 浏览 11 评论 0

因为我自定义了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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

挽梦忆笙歌 2022-09-12 14:58:23

看了下文档,可能应该是在uploadStart时写入更加正常?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文