Tag: jquery file upload

jquery文件上传rails“错误清空文件上传结果”: 我有这样的观点（forms偏）： = javascript_include_tag ‘car_photos’ = stylesheet_link_tag(‘jquery.fileupload-ui’) = form_for @car do |f| – if @car.errors.any? #error_explanation %h2= “Ошибки в полях: #{pluralize(@car.errors.count, “error”)}” %ul – @car.errors.full_messages.each do |msg| %li= msg .tab#car-data{style: “height: 1290px;”} .field = f.label :manufacturer_id, “Марка” = f.select(:manufacturer_id, options_from_collection_for_select(VehicleManufacturer.all, :id, :name, @car.manufacturer_id), {}, :prompt => “Выберите марку”, required: true, id: “manufacturer-select”) .field = f.label :model_id, […]

我应该返回什么来响应blueimp / jquery.file-upload-ui的删除事件上的show error消息: 我正在使用jQuery文件上传jQuery UI插件8.7.2来自https://github.com/blueimp/jQuery-File-Upload上传和删除文件工作成功。但是，如果在服务器端删除未正确完成的文件时，我应该返回JSON以显示错误。例如，用户无权访问此内容。这是我的PHP代码： $response = json_encode( (object) [ ‘files’ => [ $file->filename => true, ] ] ); return $response;

Blueimp文件上传：我的DELETE链接不起作用: 这是我的表格（基本上传）： Select files… 这是我的脚本： $(function () { $(‘#fileupload’).fileupload({ url: ‘server/php/’, dataType: ‘json’, add: function (e, data) { data.context = $(”).text(‘Uploading…’).appendTo(‘#files’); data.submit(); }, done: function (e, data) { $.each(data.result.files, function (index, file) { $(”).html(‘Delete’).appendTo(‘#files’); }); } }); }); 我的上传没问题但是当我点击DELETE链接时，没有任何反应。看来这个链接没有效果。也许我错过了包含的东西？任何的想法？

为jQuery-File-Upload实现删除按钮: 我可能会以完全错误的想法接近这个，所以让我先解释一下我的情况。我想用jQuery-File-Upload实现的目的是让用户选择他们选择上传的文件。他们将被允许选择多个文件。目前，无论什么类型都没关系，但它们主要是上传图片。所选文件将显示在列表中，每个文件的文件名右侧都有一个“删除”按钮。如下图所示。如何实现允许用户从等待上载的文件列表中删除他们选择的文件的方法？一旦用户对选择的文件感到满意，他们将点击“开始上传”按钮，该按钮将开始上传列表中包含的文件并触发上图所示的进度条。我自己尝试了一些故障排除，包括记录单击按钮时发生的事件，但无法将其从选择上传的文件列表中删除。我知道有一个回调，但我不确定这是不是我应该使用的。以下是我的代码。 $(function () { $(‘#fileupload’).fileupload({ dataType: ‘json’, url: ‘../php/’, add: function (e, data) { //$.each(data.files, function(index, file) { data.context = $(”) //.html(file.name+””) // see https://stackoverflow.com/questions/26234279/blueimp-jquery-upload-multiple-files-doesnt-work for the reason for the line below .html(data.files[0].name+””) .appendTo(“.list-group”); /*$(‘.btn-danger’).on(‘click’, function() { console.log(‘Drop ‘+file.name+’ \n’); });*/ //}); $(‘.btn-danger’).on(‘click’, function(e, data) […]

无需设置formData即可提交其他表单数据: 我正在关注如何提交附加表单数据并且有一个正在提交附加表单数据的工作文件上载，即。附加的textarea输入字段， description[] ，具有分块和多文件支持，无需在.fileupload()上设置formData:{ } 。我的问题是我只能将字段作为数组提交， description[] ，而我无法想出一些逻辑来将适当的description[i]与适当的文件相关联。我使用的是asp.net mvc，在这种情况下无关紧要。风景： $(document).ready(function () { $(‘#btnContinue’).prop(‘disabled’, true); $(‘#fileupload’).fileupload({ url: ‘@Url.Action(“UploadChunk”, “Upload”)’, maxChunkSize: 1048576, }).addClass(‘fileupload-processing’) .bind(‘fileuploadalways’, function (e, data) { if ($(‘#fileIds’).val().indexOf(‘;’ + data.result.id + ‘;’) == -1) { var pre = $(‘#fileIds’).val() == “” ? ‘;’ : ”; var append = $(‘#fileIds’).val() + pre + […]

jQuery文件上传插件 – 在IE <10中未触发的失败回调: 我使用的是https://github.com/blueimp/jQuery-File-Upload 它在现代浏览器中使用XHR文件上传，在oldIEs中使用隐藏的iframe上传（8,9）。文件validation失败时，服务器返回4xx状态代码（错误/失败）。 $(‘#fileupload’).fileupload({ url: url, dataType: ‘json’, done: function (e, data) { console.log(“done”) }, fail: function (e, data) { console.log(“fail”) } }) 但是在oldIE中，即使我发送4xx状态代码，也会调用完成回调。有没有办法让它调用失败回调（ https://github.com/blueimp/jQuery-File-Upload/wiki/Options#fail ）并读取响应正文或状态代码？我认为它可能需要使用隐藏的iframe上传文件的方法，但我找不到文档中的任何特定内容。

自定义jQuery-File-Upload（基本插件）: 我在谷歌搜索中遇到了jQuery-file-upload 。我发现它很整洁，正是我需要的东西，但我有一个小问题，只需要一些function，我希望它使用基本插件工作。我认为基本插件最适合塑造和塑造我想要的东西。这就是我到目前为止所拥有的。 app.js $(function () { $(‘#fileupload’).fileupload({ dataType: ‘json’, url: ‘../php/’, add: function (e, data) { //$.each(data.files, function(index, file) { data.context = $(”) //.html(file.name+””) // see http://stackoverflow.com/questions/26234279/blueimp-jquery-upload-multiple-files-doesnt-work for the reason for the line below .html(data.files[0].name+””) .appendTo(“.list-group”); /*$(‘.btn-danger’).on(‘click’, function() { console.log(‘Drop ‘+file.name+’ \n’); });*/ //}); $(‘.btn-danger’).on(‘click’, function() { console.log(“Removing all objects…\n”); data.context.remove(); }); […]

jquery多个文件上传限制文件数不起作用: 使用ajax Jquery多个文件上传。 option : { limitMultiFileUploads : 3 } 不适用于jquery文件上传。这就是我做的： $(function() { $(‘#attachUpload’).fileupload({ dataType: ‘json’, limitConcurrentUploads: 1, option: { maxFileSize: 40000, maxNumberOfFiles: 2 }, start: function(e) { $(‘.btn-sent’).unbind(‘click’); // important – remove all event handlers }, done: function(e, data) { var data = $.parseJSON(data._response.jqXHR.responseText); doneflag–; if (doneflag == 0) { $(‘#frmCompose’).submit(); } }, submit: […]

文件上传控件OnChange Event JQuery: 我正在尝试构建页面以使用AJAX，JQUERY和.Net HTTPHandler上传文件，如http://dotnet.dzone.com/news/async-file-upload-jquery-and 它仅在我第一次选择文件并上传时才有效。但是当我下次选择文件并且没有显示任何错误时它不起作用。如果我将javascript事件绑定更改为旧学校方式，如下所示，它可以完美地工作。但我想使用JQuery Binding。有什么我做错了吗？谢谢。 HTML代码： JQuery绑定代码： $().ready(function () { $(“.fileToUpload”).change(function() { $.ajaxFileUpload ( { url: ‘AJaxUploadHandler.ashx’, secureuri: false, fileElementId: ‘fileToUpload’, dataType: ‘json’, data: { name: ‘logan’, id: ‘id’ }, success: function (data, status) { if (typeof (data.error) != ‘undefined’) { if (data.error != ”) { console.log(data.error); } else { console.log(data.msg); […]

在事件中访问$（this）（jquery文件上传）: 显然在jquery fileupload中你可以使用ui版本中的data.context访问上下文，例如$(this) ，我没有使用（我使用的是基本版本）。我可以在除error之外的所有事件中正确访问$（this），我正在做一些使用’全局’变量让它工作的hack。但我觉得可能有更好的更好的方式？ $(‘.fileupload’).fileupload({ dataType: ‘json’, url: ‘framework/AJAX/image_handler.php?cmd=upload’, //maxChunkSize: 1000000, start: function (e, data) { obj = $(this); // bit of a hack pb = obj.parent().find(‘.fileinput-new’); $(‘#move-to’).attr(‘disabled’, ‘disabled’); }, progressall: function (e, data) { var progress = parseInt(data.loaded / data.total * 100, 10); $(this).attr(‘disabled’, ‘disabled’); pb.html(‘Uploading: ‘ + progress + ‘%’); if (progress […]