之前一直在asp.net webform 模式下开发,一直用jQuery uploadify2.1 版本,上传图片,用着也比较爽,兼容性也好,一个字,爽。
今天搞搞时尚点的东西,用(MVC4+EF6.0+jQuery easy1.3.2+jQuery uploadify3.2),当用uploadify3.2上传图片时,发现二个bug,记录之。
1.uploadify.css 文件,样式需要稍微改动一下。
.uploadify-queue-item .cancel a {
background: url('../img/uploadify-cancel.png') 0 0 no-repeat;
float: right;
height: 16px;
text-indent: -9999px;
width: 16px;
}
把background: url('../img/uploadify-cancel.png') 0 0 no-repeat
改成:background: url('uploadify-cancel.png') 0 0 no-repeat,不然上传时不显示XXX 按钮。
2. 请求两次,有图有真相。
这个问题,郁闷了很久,我以为是鄙人对mvc 理解不够好,代码写的有问题导致,后来找不出代码哪里有问题了,干脆退回到2.1版本,回到原始吧
问题解决了....
得出结论,3.2版本的bug,在博客园了找了一下,有人解决过此类问题,解决方法。
在uploadify.js 文件找到
his.settings.upload_url = SWFUpload.completeURL(this.settings.upload_url);
this.settings.button_image_url = SWFUpload.completeURL(this.settings.button_image_url)
改为:
this.settings.upload_url = SWFUpload.completeURL(this.settings.upload_url);this.settings.button_image_url = this.settings.button_image_url
? SWFUpload.completeURL(this.settings.button_image_url)
: this.settings.button_image_url
另外说一下3.2 版本不支持IE9,给一个比较囧的解决办法。
在head头文件中加上这句
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
<script type="text/javascript"> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>