Tag: blueimp

blueimp jQuery-File-Upload没有ajax

我真的很喜欢客户端处理选择文件并进行预览并选择取消或删除。 但是我想上传带有表单的页面，我不需要使用ajax。 我一直在摆弄所有的选项，我无法找到与同步选择的文件发布到表单。 是否可以使用表单发布data.files？

由blueimp进行jQuery-File-Upload – 附加标题

我通过wiki搜索但是找不到答案我应该在JS脚本中放置我的附加标题（例如Authorization标题）？ 在某处onSend / beforeSend或？ 小部件链接： https ： //github.com/blueimp/jQuery-File-Upload

blueimp jQuery-File-Upload – 如何在没有附加文件的情​​况下提交表单？

我在提交文件上传表单时找到了有关如何添加其他表单数据的解决方案。 如果没有要上传的文件，此问题是如何上传其他数据。 我在任务管理应用程序中使用blueimp jquery-file-upload，以便拖放文件并将它们附加到任务。 该脚本已初始化并设置为在附加文件时不自动上载。 在fileuploadadd回调中，我将data.submit()附加到我的submit事件处理程序。 这实现了我们在一个POST请求中提交任务数据和文件。 在添加文件之前，我无法访问文件上传data以使用data.submit()函数。 我想通过在页面加载时添加一个空文件（然后删除它）来解决这个问题，这会触发将data.submit()绑定到提交按钮。 问题是插件在尝试循环遍历空文件数组时返回错误。 如果您在提交表单之前添加了一个文件然后将其删除，也会出现此问题。 我一直在寻找一个解决方案，并且看起来高低，但在（恕我直言）可怕的文档中找不到任何东西。 看看我的代码如下： $(‘#post_task’).fileupload({ autoUpload: false, singleFileUploads: false, disableImagePreview: true, }).on(‘fileuploadadd’, function (e, data) { $.each(data.files, function (index, file) { var filename = file.name, filesize = bytesToSize(file.size) ext = filename.substr(filename.lastIndexOf(‘.’)+1,5), icon = ”, node = $(”).append($(”).html(icon + filename + ‘ ‘ + filesize + ‘&times’)).attr(‘data-index’,index); […]

使用jquery fileupload basic以编程方式删除文件

我正在使用blueimp文件上传插件（基本版）来实现多文件上传。 我正在尝试实现允许用户删除排队文件以进行上载的function。 我无法弄清楚如何正确访问文件数组。 每次在add回调中，索引为0，文件数组长度为1（它只包含用户单击要删除的文件）。 我正在为每个排队到div的文件添加一个链接，这个文件是可点击的，如果点击则应删除该文件。 我的想法只是创建一个删除链接与文件的索引并从数组中删除它，但由于上述问题，索引永远不会正确。 我也尝试过文件名，但是“on”回调中的文件名始终是第一个被选中上传的文件 – 我必须弄清楚一些关闭范围。 如何以编程方式从上载队列中删除文件？ HTML： 并且文件上传JavaScript： $(‘#myForm’).fileupload({ url: “/SomeHandler”, dataType: ‘html’, autoUpload: false, singleFileUploads: false, replaceFileInput: false, add: function (e, data) { console.log(“Number of files: ” + data.files.length); $.each(data.files, function (index, file) { $(‘#uploadFilesBox’).append(“Remove” + file.name + “”) .on(‘click’, { filename: file.name, files: data.files }, function(event) { var uploadFilesBox […]

Blueimp画廊同时包含图像和YouTubevideo

这是我正在使用的软件： https ： //github.com/blueimp/Gallery 当我点击链接到video的缩略图时，我会收到错误信号。 这是我的HTML： 我创建了一个JSFiddle： http ： //jsfiddle.net/HhU4K/ 当我手动输入一些数据来提供给blueimp时，youtubevideo工作正常（例如： http ： //jsfiddle.net/HhU4K/1/编辑：这适用于我的localhost，但似乎只是在JSFiddle上显示旋转图标对我来说希望你们能够看到video，而不仅仅是旋转指示器。） 当我将youtubevideo链接添加到标签的href ，它不起作用。 知道我做错了什么吗？

上次文件进度达到100％与停止/完成事件之间的差距很大？

我正在使用blueimp文件上传插件来实现一些文件上传function，我注意到我的上一个文件进度条达到100％和停止和完成事件之间可能会有很大的时间间隔。我有以下内容码： $(‘#fileupload’).fileupload({ dataType: ‘json’, progress: function (e, data) { var progress = parseInt(data.loaded / data.total * 100, 10); var bar = data.context.children().children(“.progress”); $(bar).css(“width”, progress + “%”); }, add: function (e, data) { data.context = $(“”).html(“Uploading… “).appendTo($(“#files”)); data.submit(); $(“#processing”).fadeIn(); }, stop: function (e, data) { $(“#uploadFiles”).fadeIn(); $(“#processing”).fadeOut(); }, done: function (e, data) { $.each(data.result.files, function (index, file) […]

完成多个文件上传

我有一个关于使用Blueimp jQuery-File-Upload插件的问题（ https://github.com/blueimp/jQuery-File-Upload ） 有一个回调函数或替代方法，知道何时完成多个文件的上传？ 我不想知道什么时候完成每个文件的上传，但是什么时候完成整个过程（All Uploads Complited）。 还有机会知道实际加载了多少文件以及请求了多少文件？

Blueimp jQuery文件上传插件 – “空文件上传”结果PHP

这是插件： https ： //github.com/blueimp/jQuery-File-Upload 我在上传文件后从插件中获取我想要的响应时遇到问题。 在包含插件的页面上，我有以下内容 $(‘#fileupload’).fileupload( ‘option’, { ‘maxNumberOfFiles’ :1, ‘url’ : ‘/admin/upload_handler.php’ } ); 在upload_handler.php我成功从$ _FILES中检索上传的文件并执行操作，然后以JSON格式发回响应。 我已经确认使用Firebug，响应格式正确： [ { “url” : “image_url”, “thumbnail_url” : “image_th_url”, “delete_url” : “test”, “delete_type” : “DELETE”, “name” : “foobar.jpg”, “size” : 7419 } ] 但回调找不到文件数组，我收到错误：’空文件上传结果’。 我觉得我在这里缺少一些关键的东西 – 我在文档，论坛或Stack Overflow中找不到任何东西。 我感谢任何帮助。

当动态创建文件输入时，jQuery文件上载不起作用

我正在使用这个jquery上传器（ http://blueimp.github.io/jQuery-File-Upload/basic.html ），当文件输入放在网站的原始代码中时，它工作正常，但我动态追加使用jquery的字段，它不起作用。 这是触发上传的jquery： $(‘.fileupload’).fileupload({ dataType: ‘json’, done: function (e, data) { $.each(data.result.files, function (index, file) { alert(file.name); //$(”).text(file.name).appendTo(document.body); }); } }); 这就是应该触发上传的内容： 这是jquery附加的代码： $(document).on(‘click’,’.addItem’, function(){ $(‘\ \ \ \ \ \ \ <input type="hidden" name="itemInventoryId[]" value="”>\ \ \ \ \ \ \     \ \ \ ‘).fadeIn(500).appendTo($(this).parents().siblings(‘.items’)); $(this).parent().parent().siblings(‘.widget-header, .header-margin, .hide’).removeClass(‘hide’).fadeIn(); }); 就像我说的，当我把它添加到实际的代码中，而不是动态它的罚款。 有人可以帮忙吗？

在jquery文件上传blueimp中开始全部上传

我使用jQuery文件上传blueimp并已阅读 $(function () { $(‘#fileupload’).fileupload({ dataType: ‘json’, done: function (e, data) { $.each(data.result, function (index, file) { $(”).text(file.name).appendTo(document.body); }); }, add:function (e, data) { $(“#uploadBtn”).off(‘click’).on(‘click’,function () { data.submit(); }); } }); }); 但是这会上传一个文件，我想上传所有已选中的文件。