Question

从一些很好的教程开始，我尝试： 1）使用 jQuery （特别是 AjaxUpload 库）从输入文件按钮上传图像文件。 2）使用CSS技巧将默认的HTML5 输入文件按钮替换为更好的自定义按钮。 3）使用HTML5过滤器允许“仅特定图像”文件上传。

关键是当我使用修改后的输入文件按钮时，AjaxUpload库似乎被破坏了（即没有任何反应）。

例如，this JSFiddle是使用默认输入文件的测试。如果您尝试上传文件，则加载gif会告诉您该文件当前正在上传。 This one与修改后的输入文件相同。没有加载gif启动。

HTML5文件过滤似乎在我的Chrome浏览器上被破坏了，但这是一个小问题。

有什么想法吗？

Answer 1

这可能是因为 AjaxUpload 的某些内部逻辑或浏览器的安全限制。尝试使用此CSS（高度为30px而不是0％）：

    .file-wrapper input {
         cursor: pointer;
         font-size: 100px;
         width:100%; height:30px;
         filter: alpha(opacity=1);
         -moz-opacity: 0.01;
         opacity: 0.01;
         position: absolute;
         right: 0;
         top: 0;
     }

另外，关于接受。它必须是这样的（在Chrome中肯定有效）：

accept="image/jpg,image/jpeg,image/png,image/gif,image/bmp,image/tiff"

看起来它不能使用AjaxUpload。我已经在JSFiddle中尝试了它，但结果我看不到接受属性。可能由于某种原因它被插件删除

AjaxUpload和修改后的输入文件类型不能一起使用

1 个答案: