【问题标题】:Is compatible Jasny fileupload plugin + blueimp fileupload?兼容 Jasny 文件上传插件 + blueimp 文件上传吗?
【发布时间】:2013-09-10 10:25:15
【问题描述】:

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

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

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

如果我评论这些行:

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

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

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

提前致谢

【问题讨论】:

  • 您是否能够让 jasny 和 blueimp 一起工作,因为我正试图弄清楚如何做到这一点。
  • 请注意,这不再是 Bootstrap 3 的问题,因为插件已重命名为“文件输入”。

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


【解决方案1】:

Blueimp 文件上传和 Jasny 文件上传之间存在命名空间冲突。 See this GitHub issue.

您可以通过更改 th (blueimp/jQuery-File-Upload) 小部件工厂命名空间来解决此问题

$.widget('blueimp.fileupload', {....

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

【讨论】:

  • 这对我有用!最困难的部分是要理解 on('fileuploaddone')... 等事件也需要重命名为 on('fileuploaderdone')。
猜你喜欢
  • 1970-01-01
  • 2014-05-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-02-13
  • 2016-07-25
相关资源
最近更新 更多