flash上传组件swfupload的坑点及解决方法
2016-01-22 11:39
676 查看
前两天的文章说了项目中因为使用swfupload组件过程中,遇到一特殊需求无法满足,自己写了一个用iframe + form方案实现的异步处理方案。
今天就来总结归纳一下swfupload组件使用过程中会常遇到的问题。我就直接贴代码,问题和解决方案都在注释里标明了。
今天就来总结归纳一下swfupload组件使用过程中会常遇到的问题。我就直接贴代码,问题和解决方案都在注释里标明了。
/*在每个上传组件生成时,传递button_placeholder_id 和方便回调处理的dom */ $('.uploadbtn').each(function(){ doupload($(this).attr('id'),$(this).closest('a')); }) function doupload(btnid,dom){ return new SWFUpload ({ /* *如果你需要使用组件上传时同时提交自己的数据要用到post_params参数 *但请注意,一定要将传参进行 <span style="font-family: Arial, Helvetica, sans-serif;">encodeURIComponent 编码</span> *post_params:{ argument0: encodeURIComponent(argument0) *} *一直认为不指明button_image_url就报错的原因是必须指明一个路径,不然就会js报错。细细调试发现其实指明 preserve_relative_urls : true 和button_window_mode : SWFUpload.WINDOW_MODE.TRANSPARENT 就达到了不指明上传图片也可以解决不显示flash播放图标的问题,明显这是组件的bug *另外要注意如果upload_url设置的为相对路径,flash_url设置为绝对地址, *那么上传的upload_url的host就指向了flash_url的主域了 *所以最好两者都指定为绝对路径 */ flash_url : "http://s***038d15/swfupload2.5.fix.swf", upload_url: 'http://dia***oad?from=cert', file_types : "*.jpg;*.png;*.gif;*.tif;", file_size_limit : "200 kB", preserve_relative_urls : true, button_placeholder_id : btnid, button_width : 120, button_height : 25, button_window_mode : SWFUpload.WINDOW_MODE.TRANSPARENT, file_dialog_complete_handler : function(){ this.startUpload(); }, upload_success_handler : function(fileObject, serverData, receivedResponse){ if(serverData){ var fileval = serverData.split(','); //console.log(dom.next().html(fileObject.name),fileObject,serverData) dom.nextAll('.filename').html(fileObject.name).nextAll('.fileval').val(fileval[1]).attr('pid',''); } } }) };
相关文章推荐
- kindeditor 批量上传 上传失败 thinkphp swfupload session
- swfupload 多文件上传实现代码
- PHP swfupload图片上传的实例代码
- 使用SWFUpload实现无刷新上传图片
- 文件上传之SWFUpload插件(代码)
- 让codeigniter与swfupload整合的最佳解决方案
- phpcms模块开发之swfupload的使用介绍
- Flash图片上传组件 swfupload使用指南
- SWFUpload详细参数
- 解决swfupload.swf在所有浏览器中发出的多余请求导致的302错误
- uploadify swfupload 文件上传302错误
- 文件上传利器SWFUpload入门简易教程(转)
- SWFUpload详细参数使用说明
- You have ettempted to queue to many files.You may select one files.
- swfupload使用方法详细介绍
- swfupload 错误解决
- asp.net+swfupload 多图片批量上传(附源码下载)
- “上传图片到服务器”之SWFUpload与imgAreaSelect的使用----实现切图效果
- java利用SWFUpload实现文件批量上传
- Swfupload 解决IE9不兼容问题