完美解决Uploadify的Firefox Session丢失、Chrome崩溃等问题~

6489 次阅读 by 九九 2015-03-28 | 标签:uploader 插件 上传 Firefox

手首,我灰常感谢Uploadify的开发作者,能折腾出这么轻量简洁的swf异步上传插件,加上swf文件一共也不到40kb的大小,深深吸引了很久的时间使用这款上传插件。同时它很丰富的接口,也为使用者提供了很大的自定义性,如我之前用它在一个项目写定义到了这程度:

不过,最近不知道是不是Firefox的更新变化了什么,以前好用的uploadify变得灰常的纠心!!!Chrome里一下子会变成

Oops....

要么就会是Firefox里的直接不初始化。。。好吧,我仔细分析了始终后,终于找到了完美解决这一系列问题的办法。我赶紧打开了浏览器,在地址栏里输入了“webuploader”,然后我就把它下载了下来,另开了一个加“Webuploader”的目录,把下载下载的一堆文件扔了进去,接着打开Webuploader的Document页面,按的步骤,1,2,3...4完成。再把对应的文件加了上去,最后的效果类似于这样:


var uploader = WebUploader.create({
    // swf文件路径
    swf:  siteUrl + '/vendor/webuploader/js/Uploader.swf?_=' + time.getTime(),
    // 文件接收服务端。
    server: siteUrl + 'index.php/public/resource/aupload',
    // 选择文件的按钮。可选。
    // 内部根据当前运行是创建,可能是input元素,也可能是flash.
    pick: target,
    // 不压缩image, 默认如果是jpeg,文件上传前会压缩一把再上传!
    resize: false,
    auto: true,
    // 只允许选择图片文件。
    accept: {
	title: 'Images',
	extensions: 'gif,jpg,jpeg,bmp,png',
	mimeTypes: 'image/*'
    },
    formData: {
	hash: hash, 
	rel_model: 'order', 
	is_ajax: 1,
	field: 'image_path'
    },
    fileVal: 'path'
});
uploader.on( 'uploadSuccess', function( file, data ) {
    if(false == data.rs) {
	return HHJsLib.warn(data.message);
    }
    $('#uploader').hide();
    $("#ref-img").attr('href', siteUrl + data.src).show();
    _root.updateOrderRefImage(id, data.src);
});

   完工,就此纠心的Uploadify Firefox不能初始化、Chrome崩溃等系列问题完美解决,感谢这些开源插件的作者们,Thanks.



评论(6)

暂无评论!


PS:多打字可以减肥哦~234字以内。支持表情:


Top