精华内容
下载资源
问答
  • webuploader上传图片

    2017-08-07 13:43:35
    WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃主流IE浏览器,沿用原来的FLASH运行时,兼容IE6+,iOS 6+,...
  • WebUploader上传图片

    2015-12-07 17:11:00
    多图上传 http://fex.baidu.com/webuploader/demo.html 裁剪图片 https://github.com/terjetyl/Simple.ImageResizer/tree/master/samples/Simple.ImageResizer.MvcDemo 转载于:...

    多图上传

    http://fex.baidu.com/webuploader/demo.html

    裁剪图片

    https://github.com/terjetyl/Simple.ImageResizer/tree/master/samples/Simple.ImageResizer.MvcDemo

     

    转载于:https://www.cnblogs.com/elins/p/5026620.html

    展开全文
  • WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件。此文件中webuploader上传图片的案例以及webuploader+cropper裁剪图片,还有md5-demo等案例。
  • mvc webuploader 上传图片

    2018-08-03 21:25:42
    1 :是 使用数据流传输的, 2 :可以上传多个图片文件 并重命名 。
  • webuploader 上传图片实例

    热门讨论 2015-05-09 16:28:37
    根据 fex.baidu.com 中的例子加以完善。 webuploader asp.net实例测试可用!不支持html5的浏览器没测试,服务器端代码已有,返回值也有。可以直接在项目中用,安全性请大家自己考虑。
  • 最近使用WebUploader 实现上传,因为第一次用,所以遇到了些问题,这里记录下: 其他格式文件上传都没问题,只有图片上传后,会失真,即文件变小了。查找api发现,插件默认对图片进行了压缩。 因为是默认压缩的...

    插件地址:http://fex.baidu.com/webuploader/doc/index.html

    最近使用WebUploader 实现上传,因为第一次用,所以遇到了些问题,这里记录下:

    其他格式文件上传都没问题,只有图片上传后,会失真,即文件变小了。查找api发现,插件默认对图片进行了压缩。

    因为是默认压缩的,所以如果想图片保真上传,必须将compress:false  才行。

    哎,我就不将血泪史了。吐个槽,谁有空读如此详细的api。。。,默认即时最优,个人觉得,默认应该设置成false。呵呵

     

    展开全文
  • 页面前端使用的是bootstrap,java后端springMVC , 上传用的WebUploader,先说说上传图片,回显编辑图片在下一篇 如果仅仅只需要上传图片,不需要回显进行编辑图片,使用WebUploader官网的例子即可实现,如果要图片...

    页面前端使用的是bootstrap,java后端springMVC , 上传用的WebUploader,先说说上传图片,回显编辑图片在下一篇

    如果仅仅只需要上传图片,不需要回显进行编辑图片,使用WebUploader官网的例子即可实现,如果要图片回显进行编辑,则需要做一些修改,我是将上传图片和回显编辑图片分开写的。我这里的上传,回显编辑图片,可以当做公共方法,传相应的参数即可。

     (我这里是点击保存的时候才开始上传图片,因为我还要保存其他数据,所以我是先保存的其他数据,然后上传的图片,提示:WebUploader是一张一张图片上传的,它每上传一张图片,都会去调用一次java后台方法)

    1. 先引入js和css  

    2.在jsp页面

                 <div id="uploader" class="commonWebUploader">        //此处calss引入的是上传的js
                                <div class="queueList">
                                    <div id="dndArea" class="placeholder">
                                        <div id="filePicker"></div>
                                        <p>或将照片拖到这里,单次最多可选10张</p>
                                    </div>
                                </div>
                                <div class="statusBar" style="display:none;">
                                    <div class="progress">
                                        <span class="text">0%</span> <span class="percentage"></span>
                                    </div>
                                    <div class="info"></div>
                                    <div class="btns">
                                        <div id="filePicker2" class="addFileBtn"></div>
    <!--                                     <div class="uploadBtn">开始上传</div> -->
                                    </div>
                                </div>
                    </div>    

    3.自定义的上传commonWebUploader.js

    // 使用命名空间。
    (function(window) {
    
        // 如果需要在模态框中使用webuploader,那么必须先调用prepareModal,
        // 再调用initWebUploader。这样可以解决模态框中使用webuploader出现的BUG。
        // 例如prepareModal('#addProductModal')
        this.prepareModal = function(modalId) {
            var _$modal = $(modalId);
            _$modal.css('display', 'block');
            _$modal.addClass("webuploader-element-invisible");
            _$modal.on('show.bs.modal', function() {
                _$modal.removeClass("webuploader-element-invisible");
            });
        }
    
        // 返回一个webuploader实例。
        // 例如initWebUploader('#uploader', '#filePicker', '#filePicker2', 'uploadMethod')   
        this.initWebUploader = function(webUploaderId, filePickerId, fileAddId, uploadUrl) {  //前三个参数对应的是jsp页面的div的id,最后一个参数,是后台调用的上传方法名字
            var $ = jQuery, // just in case. Make sure it's not an other library.
    
                $wrap = $(webUploaderId),
    
                // 图片容器
                $queue = $('<ul class="filelist"></ul>')
                    .appendTo($wrap.find('.queueList')),
    
                // 状态栏,包括进度和控制按钮
                $statusBar = $wrap.find('.statusBar'),
    
                // 文件总体选择信息。
                $info = $statusBar.find('.info'),
    
                // 上传按钮
                $upload = $wrap.find('.uploadBtn'),
    
                // 没选择文件之前的内容。
                $placeHolder = $wrap.find('.placeholder'),
    
                // 总体进度条
                $progress = $statusBar.find('.progress').hide(),
    
                // 添加的文件数量
                fileCount = 0,
    
                // 添加的文件总大小
                fileSize = 0,
    
                // 优化retina, 在retina下这个值是2
                ratio = window.devicePixelRatio || 1,
    
                // 缩略图大小
                //        thumbnailWidth = 110 * ratio,
                //        thumbnailHeight = 110 * ratio,
                thumbnailWidth = ratio,
                thumbnailHeight = ratio,
    
                // 可能有pedding, ready, uploading, confirm, done.
                state = 'pedding',
    
                // 所有文件的进度信息,key为file id
                percentages = {},
    
                // WebUploader实例
                wuploader;
    
            if (!WebUploader.Uploader.support()) {
                //alert('Web Uploader 不支持您的浏览器!如果你使用的是IE浏览器,请尝试升级 flash 播放器');
                layer.msg('Web Uploader 不支持您的浏览器!如果你使用的是IE浏览器,请尝试升级 flash 播放器', { icon: 2 });
                throw new Error('WebUploader does not support the browser you are using.');
            }
    
            // 实例化
            wuploader = WebUploader.create({
                pick : {
                    id : filePickerId,
                    label : '点击选择图片'
                },
                dnd : webUploaderId + ' .queueList',
                paste : window.document.body,
    
                accept : {
                    title : 'Images',
                    extensions : 'gif,jpg,jpeg,bmp,png',
                    mimeTypes : 'image/gif,image/jpg,image/jpeg,image/bmp,image/png'
                },
    
                // swf文件路径
                swf : '/js/plugins/webuploader/Uploader.swf',
    
                disableGlobalDnd : true,
    
                chunked : true,
                server : uploadUrl,
                fileNumLimit : 10
            //fileSizeLimit: 5 * 1024 * 1024,    // 5 M
            //fileSingleSizeLimit: 1 * 1024 * 1024    // 1 M
            });
    
            // 添加“添加文件”的按钮,
            wuploader.addButton({
                id : fileAddId,
                label : '继续添加'
            });
    
            // 当有文件添加进来时执行,负责view的创建
            function addFile(file) {
                var $li = $('<li id="' + file.id + '">' +
                        // '<p class="title">' + file.name + '</p>' +
                        '<p class="imgWrap"></p>' +
                        '<p class="progress"><span></span></p>' +
                        '</li>'),
    
                    $btns = $('<div class="file-panel">' +
                        '<span class="cancel">删除</span></div>').appendTo($li),
                    $prgress = $li.find('p.progress span'),
                    $wrap = $li.find('p.imgWrap'),
                    $info = $('<p class="error"></p>'),
    
                    showError = function(code) {
                        switch (code) {
                        case 'exceed_size':
                            text = '文件大小超出';
                            break;
    
                        case 'interrupt':
                            text = '上传暂停';
                            break;
    
                        default:
                            text = '上传失败,请重试';
                            break;
                        }
    
                        $info.text(text).appendTo($li);
                    };
    
                if (file.getStatus() === 'invalid') {
                    showError(file.statusText);
                } else {
                    // @todo lazyload
                    $wrap.text('预览中');
                    wuploader.makeThumb(file, function(error, src) {
                        if (error) {
                            $wrap.text('不能预览');
                            return;
                        }
    
                        //var img = $('<img src="'+src+'">');
    
                        // 使用data-fancybox-href,解决IE中图片显示的问题。
                        // TODO data-fancybox-group怎么确保唯一性?
                        var img = $('<a class="fancybox" data-fancybox-group="gallery' + webUploaderId + '" data-fancybox-href="' + src + '"><img src="' + src + '"></a>');
    
                        $wrap.empty().append(img);
                    }, thumbnailWidth, thumbnailHeight);
    
                    percentages[file.id] = [ file.size, 0 ];
                }
    
                file.on('statuschange', function(cur, prev) {
                    if (prev === 'progress') {
                        $prgress.hide().width(0);
                    } else if (prev === 'queued') {
                        $li.off('mouseenter mouseleave');
                        $btns.remove();
                    }
    
                    // 成功
                    if (cur === 'error' || cur === 'invalid') {
                        console.log(file.statusText);
                        showError(file.statusText);
                        percentages[file.id][1] = 1;
                    } else if (cur === 'interrupt') {
                        showError('interrupt');
                    } else if (cur === 'queued') {
                        percentages[file.id][1] = 0;
                    } else if (cur === 'progress') {
                        $info.remove();
                        $prgress.css('display', 'block');
                    } else if (cur === 'complete') {
                        $li.append('<span class="success"></span>');
                    }
    
                    $li.removeClass('state-' + prev).addClass('state-' + cur);
                });
    
                $li.on('mouseenter', function() {
                    $btns.stop().animate({
                        height : 30
                    });
                });
    
                $li.on('mouseleave', function() {
                    $btns.stop().animate({
                        height : 0
                    });
                });
    
                $btns.on('click', 'span', function() {
                    var index = $(this).index(),
                        deg;
    
                    switch (index) {
                    case 0:
                        wuploader.removeFile(file);
                        return;
                    }
    
                });
    
                $li.appendTo($queue);
            }
    
            // 负责view的销毁
            function doRemoveFile(file) {
                delete percentages[file.id];
                // 不处理“进度”的更新。让调用方自己负责更新。   by tanzx 2017-08-01
                //updateTotalProgress();
    
                var $li = $('#' + file.id);
                // 当文件显示出来时,才做移除。
                if ($li) {
                    $li.off().find('.file-panel').off().end().remove();
                }
    
            }
    
            function updateTotalProgress() {
                var loaded = 0,
                    total = 0,
                    spans = $progress.children(),
                    percent;
    
                $.each(percentages, function(k, v) {
                    total += v[0];
                    loaded += v[0] * v[1];
                });
    
                percent = total ? loaded / total : 0;
    
                spans.eq(0).text(Math.round(percent * 100) + '%');
                spans.eq(1).css('width', Math.round(percent * 100) + '%');
                updateStatus();
            }
    
            function updateStatus() {
                var text = '',
                    stats;
    
                if (state === 'ready') {
                    text = '选中' + fileCount + '张图片,共' +
                        WebUploader.formatSize(fileSize) + '。';
                } else if (state === 'confirm') {
                    stats = wuploader.getStats();
                    if (stats.uploadFailNum) {
                        text = '已成功上传' + stats.successNum + '张照片至XX相册,' +
                            stats.uploadFailNum + '张照片上传失败,<a class="retry" href="#">重新上传</a>失败图片或<a class="ignore" href="#">忽略</a>'
                    }
    
                } else {
                    stats = wuploader.getStats();
                    text = '共' + fileCount + '张(' +
                        WebUploader.formatSize(fileSize) +
                        '),已上传' + stats.successNum + '张';
    
                    if (stats.uploadFailNum) {
                        text += ',失败' + stats.uploadFailNum + '张';
                    }
                }
    
                $info.html(text);
            }
    
            function setState(val) {
                var file,
                    stats;
    
                if (val === state) {
                    return;
                }
    
                $upload && $upload.removeClass('state-' + state);
                $upload && $upload.addClass('state-' + val);
                state = val;
    
                switch (state) {
                case 'pedding':
                    $placeHolder.removeClass('element-invisible');
                    $queue.parent().removeClass('filled');
                    $queue.hide();
                    $statusBar.addClass('element-invisible');
                    wuploader.refresh();
                    break;
    
                case 'ready':
                    $placeHolder.addClass('element-invisible');
                    $(fileAddId).removeClass('element-invisible');
                    // 修改上传按钮为可用。   by tanzx 2017-08-01
                    $upload && $upload.removeClass('disabled');
                    $queue.parent().addClass('filled');
                    $queue.show();
                    $statusBar.removeClass('element-invisible');
                    wuploader.refresh();
                    break;
    
                case 'uploading':
                    $(fileAddId).addClass('element-invisible');
                    $progress.show();
                    $upload && $upload.text('暂停上传');
                    break;
    
                case 'paused':
                    $progress.show();
                    $upload && $upload.text('继续上传');
                    break;
    
                case 'confirm':
                    $progress.hide();
                    $upload && $upload.text('开始上传').addClass('disabled');
    
                    stats = wuploader.getStats();
                    if (stats.successNum && !stats.uploadFailNum) {
                        setState('finish');
                        return;
                    }
                    break;
                case 'finish':
                    stats = wuploader.getStats();
                    if (stats.successNum) {
                        //alert('上传成功');
                        layer.msg('上传成功', { icon: 1, offset: 't' });
                    } else {
                        // 没有成功的图片,重设
                        state = 'done';
                        location.reload();
                    }
                    break;
                }
    
                updateStatus();
            }
    
            wuploader.onUploadProgress = function(file, percentage) {
                var $li = $('#' + file.id),
                    $percent = $li.find('.progress span');
    
                $percent.css('width', percentage * 100 + '%');
                percentages[file.id][1] = percentage;
                updateTotalProgress();
            };
    
            wuploader.onFileQueued = function(file) {
                fileCount++;
                fileSize += file.size;
    
                if (fileCount === 1) {
                    $placeHolder.addClass('element-invisible');
                    $statusBar.show();
                }
    
                addFile(file);
                // 不需要每次添加文件,都调用setState('ready')。by tanzx 2017-08-01
                setState('ready');
                updateTotalProgress();
            };
    
            wuploader.onFileDequeued = function(file) {
                fileCount--;
                fileSize -= file.size;
    
                if (!fileCount) {
                    setState('pedding');
                }
    
                doRemoveFile(file);
                updateTotalProgress();
    
            };
    
            // 添加Reset监听。by tanzx 2017-08-01
            // TODO reset不知道有没有问题。是否选择用destroy?
            wuploader.onReset = function() {
                fileCount = 0;
                fileSize = 0;
    
                setState('pedding');
    
                // 移除页面上的图片。
                $.each(wuploader.getFiles(), function(index, value) {
                    doRemoveFile(value);
                });
                updateTotalProgress();
    
            };
    
            wuploader.on('all', function(type) {
                var stats;
                switch (type) {
                case 'uploadFinished':
                    setState('confirm');
                    break;
    
                case 'startUpload':
                    setState('uploading');
                    break;
    
                case 'stopUpload':
                    setState('paused');
                    break;
    
                }
            });
    
            wuploader.onError = function(code) {
                //alert('Error: ' + code);
                var text = '';
                if (code == 'F_DUPLICATE') {
                    text = '文件重复!';
                } else {
                    text = 'Error: ' + code;
                }
                layer.msg(text, { icon: 2, offset: 't' });
            };
    
            $upload && $upload.on('click', function() {
                if ($(this).hasClass('disabled')) {
                    return false;
                }
    
                if (state === 'ready') {
                    wuploader.upload();
                } else if (state === 'paused') {
                    wuploader.upload();
                } else if (state === 'uploading') {
                    wuploader.stop();
                }
            });
    
            $info.on('click', '.retry', function() {
                wuploader.retry();
            });
    
            $info.on('click', '.ignore', function() {
                //alert('todo');
                //layer.msg('todo', { icon: 3, offset: 't' });
                //执行忽略动作,重置
                wuploader.reset();
            });
    
            $upload && $upload.addClass('state-' + state);
            updateTotalProgress();
    
            // WebUploader实例
            return wuploader;
        } // end initWebUploader
    
        window.CommonWebUploader = this;
    })(window);
    commonWebUploader.js

     4.初始化上传插件

    //上传图片
    var wuploader;
    $(document).ready(function() {     
        // 初始化上传插件
        initWebUploaderUI();
    
    });

    4-1)如果上传按钮是在页面中,使用如下方法进行初始化

    //初始化上传插件
    function initWebUploaderUI(){     
            // WebUploader实例,前三个参数对应的是jsp页面的div的id,最后一个参数,是后台调用的上传方法名字
            wuploader = CommonWebUploader.initWebUploader('#uploader', '#filePicker', '#filePicker2', 'uploadFile');
            // 所有文件上传结束时
            wuploader.on( 'uploadFinished', function() {            
                var stats = wuploader.getStats();
                // 全部上传成功
                if (!stats.uploadFailNum) {
                 
                     alert("上传成功!");
                }
            });
         
    }

    4-2)如果上传按钮在模态框中,则使用如下方法进行初始化

    function initWebUploaderUI() {
                CommonWebUploader.prepareModal('#addModal');     //模态框的id
                // 设置全局变量wuploader。  前三个参数对应的是jsp页面的div的id,最后一个参数,是后台的上传方法名字
                wuploader = CommonWebUploader.initWebUploader('#uploader', '#filePicker', '#filePicker2', 'uploadFile');     
                var $modal = $('#addModal');
    
                $modal.on('hide.bs.modal', function() {
                    // 重置。
                    // 如果页面上有两个WebUploader,那么最好在模态框隐藏时重置掉没用的一个,避免影响另一个的使用。
                    wuploader.reset();
                });
                
                // 所有文件上传结束时
                wuploader.on( 'uploadFinished', function() {            
                    var stats = wuploader.getStats();
                    // 全部上传成功
                    if (!stats.uploadFailNum) {
                        $("#addModal").modal("hide");
                        
                        alert("上传成功!");
                    }
                });
            }

     

    5.在点击保存时,调用保存方法(我是先保存的其他数据,再上传的图片)

     function save(){
                 $.ajax({
                      cache: true,
                      type: "POST",
                      contentType: "application/json;charset=UTF-8",
                      url:"",
                      data:JSON.stringify(params),
                      async: true,
                      error: function(request) {
                          alert("修改失败");
                      },
                      success: function(){                         
                          wuploader.options.formData.ownerID = moduleID;    //传你需要的参数,如果仅仅是上传,不要做其他操作,则无需传参数
                          wuploader.options.formData.fileType = 2;
                          wuploader.upload();   // 上传文件
                      }
                  });
             }

    6.java后台,controller(可根据自己的需要进行适当的修改)

    //上传模块图片
          @RequestMapping(path="/uploadFile", method=RequestMethod.POST)
          public @ResponseBody boolean upload(@RequestParam("file") MultipartFile file,int ownerID,int fileType)throws Exception{                                   
             //文件上传到服务器     
            return moduleManageService.uploadModuleOrFunctionFile(file,ownerID,fileType);  
             
        }

     7.service方法

    //上传图片到服务器
        public boolean uploadModuleOrFunctionFile(MultipartFile file, int ownerID, int fileType) {
            boolean result = false;
            try {
                Path path;              //定义上传路径
                if(fileType==ProductModuleFunctionFile.TYPE_MODULE){        
                    path = Paths.get(uploadPathProperties.getModuleFile(), Integer.toString(ownerID));
                }else{
                    path = Paths.get(uploadPathProperties.getFunctionFile(), Integer.toString(ownerID));
                }             
                // 获取上传文件的文件名
                // 用UUID替换掉文件名。
                // 避免:上传多个文件时,浏览器中选择了客户机上不同目录下的同名文件,此时出现文件覆盖问题。
                String fileExtension = FilenameUtils.getExtension(file.getOriginalFilename());
                fileExtension = StringUtils.isNotBlank(fileExtension) ? FilenameUtils.EXTENSION_SEPARATOR_STR + fileExtension : "";
                String fileName = UUID.randomUUID().toString() + fileExtension;
                Path fpath = Files.createDirectories(path).resolve(fileName);
                file.transferTo(fpath.toFile());
                
                // 插入对应文件关系到数据库。
                addProductFile(ownerID, fileName, fileType);
            } catch (IllegalStateException | IOException e) {
                logger.error("上传文件保存失败!", e);
                // TODO 抛出上传失败异常。
            }
            return result;
        }    

     

    转载于:https://www.cnblogs.com/chen-yun/p/7485796.html

    展开全文
  • JSP片段: &lt;!-- 上传附件 2019-02-26--&...plugins/webuploader/webuploader.css" /&gt; &lt;link rel="stylesheet" type="text/css" href="p

    JSP片段:

    <!-- 上传附件 2019-02-26-->
    	<link rel="stylesheet" type="text/css" href="plugins/webuploader/webuploader.css" />
    	<link rel="stylesheet" type="text/css" href="plugins/webuploader/style.css" />
    
    
    
    <tr>
        <td style="width:75px;text-align: right;padding-top: 13px;">图片:</td>
    <td>
        <div class="col-sm-10">
            <input type="text" name="PIC" id="PIC" value="${pd.PIC}">
            <div id="thumb" class="webUploader col-xs-12 col-sm-12 col-md-6 col-lg-4">
            <div class="queueList" style="margin:0;margin-bottom:20px;">
            <div class="dndArea placeholder" style="padding-top:90px;background-position-y:23px;">
            <div class="filePicker"></div>
            <p>或将图片拖到这里,只可上传一个图片</p>
            </div>
        </div>
    <div class="statusBar" style="display:none;">
        <div class="progress">
        <span class="text">0%</span>
        <span class="percentage"></span>
    </div>
        <div class="info"></div>
            <div class="btns">
                <div class="filePicker2"></div><div class="uploadBtn">开始上传</div>
                </div>
            </div>
        </div>	
        </div>
    </td>
    </tr>
    
    
    
    <!-- webuploader上传插件 -->
    	<script type="text/javascript" src="plugins/webuploader/webuploader.js"></script>
    	<script type="text/javascript" src="plugins/webuploader/upload.js"></script>

     

    参考官网:http://fex.baidu.com/webuploader/getting-started.html

    展开全文
  • 使用webuploader插件的时候在一个页面中使用一个是没有问题的但使用两个以上就会出现点击...查看页面元素后发现创建第一个实例后点击选择图片这个按钮下面没有file表单,实际上插件是创建啦file表单的,如图只不过这个...
  • /* fileMaxCount 最大文件数 buttonText 按钮文本 multiple 是否多选 */ (function ($) { $.fn.extend({ uploadImg: function (opt) { var webUploader; //可行性判断 if...
  • WebUploader上传图片(不压缩)

    千次阅读 2018-01-11 15:04:35
    webuploader图片上传        选择图片webuploader) /** * webuploader图片上传 */ $(function() {  console.log('webuploader图片上传。。。');  var ...
  • WebUploader上传图片到后台

    千次阅读 2018-03-21 13:00:11
    最近公司新招一批小伙,他们连上传图片都不会, 没办法,然后自己只好用webUploader插件写了一个小栗子webUploader的下载链接:http://fex.baidu.com/webuploader/download.html首先,前台js很简单,直接可有copy...
  • ../../resources/js/plugins/webuploader-0.1.5/webuploader.css"&gt;   &lt;script src="../../resources/js/min/jquery-1.9.1.min.js"&gt;&lt;/script&gt; ..
  • 使用方法很简单,就是引用一下js文件,然后在js里配置一下要上传的地址就可以了 <script type="text/javascript" src="./js/jquery.js"></script> <script type="text/javascript" src="./js/...
  • 使用webuploader上传图片并预览

    千次阅读 2019-09-30 14:52:15
    webuploader可以实现图片上传之前实现预览和编辑 前端代码 <!doctype html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <...
  • link href="~/Scripts/webuploader-0.1.5/webuploader.css" rel="stylesheet" /> <script src="~/Scripts/webuploader-0.1.5/webuploader.js"></script> html <di...
  • 我在项目中使用WebUploader进行图片上传的时候发现,点击【上传图片】按钮之后,文件选择列表很慢才会打开。经过查阅资料,只需要修改webuploader初始化的一个参数: 把下面的代码: accept: { title: 'Images'...
  • * 上传图片 */ function uploader () { //uploader配置 var uploader = new plupload.Uploader({ browse_button: "picker" , //触发文件选择对话框的DOM元素,当点击该元素后便后弹出文件选择...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 823
精华内容 329
关键字:

webuploader上传图片