兼容的Jasny fileupload插件+ blueimp fileupload?

时间:2013-09-10 10:25:15

标签: jquery twitter-bootstrap file-upload blueimp jasny-bootstrap

我正在尝试使用Jasny fileupload plugin进行设计,并Blueimp fileupload plugin同时上传图片。我不知道我做得对。

整个网站都是在Bootstrap中设计的,并且强加了Jasny fileupload插件。我选择使用Blueimp fileupload插件,因为它很灵活,我可以验证上传文件的类型和音量等等......

因此,当我选择一个图像时,Blueimp fileupload在服务器上上传照片没有任何问题,但是Jasny文件上传不会移动。预览区域保持空白。 thumnnail没有出现在该区域。 “选择”按钮也不会更改为“更改”和“删除”按钮。

如果我评论这些行:

<script src="https://.../js/jquery.iframe-transport.js"></script>
<script src="https://.../js/jquery.fileupload.js"></script>

Jasny文件上传工作,缩略图显示,选择按钮变为更改和删除按钮,但当然无法上传图像:)

是兼容性问题还是我做错了什么?

提前致谢

1 个答案:

答案 0 :(得分:1)

Blueimp fileupload和Jasny fileupload之间存在命名空间冲突。 See this GitHub issue.

您可以通过从

更改(blueimp / jQuery-File-Upload)小部件工厂命名空间来解决此问题
$.widget('blueimp.fileupload', {....

e.g $.widget('blueimp.fileuploader', {....