Tag: jquery file upload

jQuery FileUpload不会触发’done’

我使用jQuery-File-Upload插件。 我写了一个简单的代码来测试它 – 它可以工作,但并非没有问题。 即使文件已上传且进度条已到达结束,它也不会触发done 。 这是代码: $(‘#file_file’).fileupload({ dataType: ‘json’, autoUpload: true, add: function (e, data) { data.context = $(”).text(‘Uploading…’).appendTo(document.body); data.submit(); }, progressall: function (e, data) { var progress = parseInt(data.loaded / data.total * 100, 10); $(‘#progress .bar’).css( ‘width’, progress + ‘%’ ); }, done: function (e, data) { alert(‘Done’); } }); 我的输入很简单:

使用带有coffeescript的jquery fileupload – 在使用add callback时调整图像大小

已解决它certificate了在应用程序中加载的js的顺序.js是错误的: original: //= require jquery-fileupload/jquery.fileupload-process //= require jquery-fileupload/jquery.fileupload-image //= require jquery-fileupload/jquery.fileupload-validate correct version: //= require jquery-fileupload/jquery.fileupload-process //= require jquery-fileupload/jquery.fileupload-validate //= require jquery-fileupload/jquery.fileupload-image 我正在尝试使用BlueImp的jquery文件上传器,我已经设法让一切正常但resize。 我正在尝试调整添加回调上的图像大小,然后提交以避免任何服务器端处理。 我知道使用add回调会导致跳过进程函数,但是我在add回调本身中手动调用了它,它应该可以工作,但事实并非如此。 这是我的代码: $(‘.jquery-fileupload’).fileupload dataType: “script” imageMaxWidth: 480 imageMaxHeight: 360 disableImageResize: false autoUpload: false process:[ { action: ‘load’, fileTypes: /^image\/(gif|jpeg|png)$/, maxFileSize: 20000000 }, { action: ‘resize’, maxWidth: 480, // the images are […]

jquery文件上传进度条不准确

我正在使用jquery文件上传( http://blueimp.github.io/jQuery-File-Upload/ )插件。 我的代码: $(‘#fileupload’).fileupload({ url: ‘server/index.php’, dataType: ‘json’, dropZone: $(‘#dropzone’), }).bind(‘fileuploadprogress’, function (e, data) { var progress = parseInt(data.loaded / data.total * 100, 10); $(‘.progress-bar’).css(‘width’, progress + ‘%’); }); 当我上传文件时,进度条非常不准确。 每当我上传文件的大小时,进度条总是会停留在10%左右,直到文件上传完成,然后直接上升到100%。 它为什么表现得那样? 如何修复它以正确显示进度? 谢谢。

jquery文件上传限制文件数量

我正在使用jquery文件上传将文件上传到服务器。 我想限制用户上传最多6个文件。 我搜索wiki jquery文件上传但没有找到它的参数。 有什么方法可以限制用户的上架数量

blueimp jquery-fileupload异步上传多个文件

我正在使用jQuery文件上传库( http://github.com/blueimp/jQuery-File-Upload ),我一直在搞清楚如何使用满足以下条件的库。 该页面具有由表单标记包围的多个文件输入字段。 用户可以将多个文件附加到每个输入字段 单击按钮时,所有文件都将发送到服务器,而不是在将文件附加到输入字段时。 上传是异步完成的 假设页面有3个输入字段,其名称属性为“file1 []”,“file2 []”和“file3 []”,请求有效负载应该像{file1:[file1 []上的文件数组],file2 :[file2 []]上的文件数组,…} 这是jsFiddle,它到目前为止表现得很奇怪,因为它发送了两次post请求,第一个被取消了。 更新 现在感谢@CBroe的评论,请求发送两次的问题是固定的。 但是,请求参数的键未正确设置。 这是更新的jsFiddle。 http://jsfiddle.net/BAQtG/27/ js代码的核心部分看起来像这样。 $(document).ready(function(){ var filesList = [] var elem = $(“form”) file_upload = elem.fileupload({ formData:{extra:1}, autoUpload: false, fileInput: $(“input:file”), }).on(“fileuploadadd”, function(e, data){ filesList.push(data.files[0]) }); $(“button”).click(function(){ file_upload.fileupload(‘send’, {files:filesList} ) }) }) 有人知道如何让这个工作?