Tag: blueimp

Blueimp上传插件进度条错误

我有一个表单，我使用blueimp上传插件上传文件。 上传过程正常。 我想要的只是为上传事件添加进度条。 我已经尝试使用blueimp文档中指定的progressall回调，但我得到的是100％加载，因为data.loaded总是等于data.total 。 我已经看到插件只在done回调之后才处理progressall回调，而在done回调中我有几个动作正在发生。 见下面的示例： $(“#uploadFile” + docId).fileupload({ url: my url to the upload script, dataType : ‘json’, type: ‘POST’, formAcceptCharset: ‘utf-8’, forceIframeTransport: true, progressInterval: 100, bitrateInterval: 500, autoUpload: true, progressall: function (e, data) { var progress = parseInt(data.loaded / data.total * 100, 10); $(‘#progress’+docId+’ .bar’).css( ‘width’, progress + ‘%’ ).text(progress + ‘%’); […]

我应该返回什么来响应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插件jQuery文件上传：如何使用fileInput选项，以便fileupload（）可以绑定新动态添加的输入？

我使用BlueImp插件上传我的文件。 当用户点击“添加文件”时，用户动态添加新文件输入。 然后，当用户上传文件时，它通过AJAX存储在我的web文件夹中。 我的第一个想法是在生成的id上调用fileupload方法（例如： $(‘#files_0’).fileupload( { //ajax processing } ); 但是这个解决方案不起作用，因为加载页面时输入不存在。 所以我需要类似$(‘#files_0’).live(‘click, function ({ fileupload( { //ajax processing } ) )};但那也不行。 所以我检查了文档和论坛，发现这是一个使用fileInput选项的解决方案。 所以我在这里做了什么，但那不起作用。任何帮助都会很棒！ $(‘#myDiv’). fileupload( { fileInput : $(‘#files_0), dataType: ‘json’, url:'{{ path(‘MyBundle_ajax_upload_picture’) }}’, progressall: function (e, data) { var progress = parseInt(data.loaded / data.total * 100, 10); $(‘#progress .bar’).css( ‘width’, progress + ‘%’ ); […]

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) […]

jQuery File Uploader IE9不在Upload上发布任何参数

我正在使用jQuery文件上传器插件以及rails 3.插件在这里： https://github.com/blueimp/jQuery-File-Upload 我正在使用该插件允许用户上传个人资料照片。 到目前为止，该解决方案适用于Chrome，Safari和Firefox。 但是在IE上失败了。 当你在IE中选择一个文件时，插件会发布到服务器但是没有参数，这是一个空post。 chrome中的post示例： Started PUT “/api/1/settings/ajax_photo_upload” for 10.0.1.3 at 2012-10-02 15:39:20 -0700 Processing by ApiV1::SettingsController#ajax_photo_upload as JS Parameters: {“photo”=>#<ActionDispatch::Http::UploadedFile:0x007f9e4bac2e48 @original_filename="xxxxx.jpeg", @content_type="image/jpeg", @headers="Content-Disposition: form-data; name=\"user[photo]\"; filename=\"xxxxx.jpeg\"\r\nContent-Type: image/jpeg\r\n", @tempfile=#>}, “update_type”=>”general”} 但是在IE9中，它不会发送任何内容： Started PUT “/api/1/settings/ajax_photo_upload” for 10.0.1.10 at 2012-10-02 15:39:31 -0700 Processing by ApiV1::SettingsController#ajax_photo_upload as JS 这是我的实施： $(‘input[type=”file”]’).fileupload({ url : ‘/api/1/settings/ajax_photo_upload’, formData : […]

Blueimp文件上传IE 8中没有发生任何事情

我在一个项目上使用blueimp文件上传插件，并且遇到了IE8的一些困难，主要是没有发生任何事情！ 我的设置尽可能接近插件演示设置 – 文件包含在相同的顺序中，html结构只有很小的变化，css是相同的等等。 在其他浏览器+ ie9中，一切都按预期工作，但在ie8中，好像添加图像的按钮没有附加任何内容。 如果我上传ie9然后使用开发工具将文档类型切换到ie8，则会成功从服务器检索图像。 我很难显示完整的代码，因为该文档非常令人费解，但页面位于此处： http ： //www.yoursplash.co.uk/index.php ? route = product / product＆product_id = 108 这几乎是与文件上传相关的所有内容： 这些是我按此顺序包含的文件，以使插件工作 这是我自己的插件实现 ‘use strict’; $(document).on(‘ready’, function () { $.ajax({ url: ‘/index.php?route=product/userimage&usetype=get’, dataType: ‘json’, context: $(‘#fileupload’)[0] }).done(function (result) { $(this).fileupload(‘option’, ‘done’).call(this, null, {result: result}); if ($(‘#filesContainer > .template-download’).length > 0) { $(‘a[href=”#user-upload”]’).removeClass(‘selected’).siblings(‘a[href=”#user-photos”]’).addClass(‘selected’); $(‘#user-upload’).hide().siblings(‘#user-photos’).fadeIn(); }; }); }); […]

blueimp jquery-file-upload不会在不成功的添加上抛出错误

在这个插件中，我们可以设置文件上传的各种条件/限制（例如acceptFileTypes，maxFileSize，maxNumberOfFiles等）。 无论何时添加文件，都会触发一个事件“ fileuploadadd ”，一旦成功添加文件，另一个事件将被触发“ fileuploadadded ”。 但是，当添加文件并且它失败了这些条件/限制之一（例如，用户尝试上载2GB文件，或文本文件而不是图像）时，无法以编程方式找出已发生这种情况。 当此条件失败时，不会触发任何事件。 我可以使用什么来检查用户选择的文件是否有错误，因此尚未添加到队列中。 我能想到的唯一方法就是触发“ 添加 ”事件并等待，看看它是否不会触发“ 添加 ”事件然后出现问题。 但是，我既不想长时间停止所有处理，也不想太快检查“ 添加 ”事件是否已经触发。 要么 任何人都可以指导如何从这个插件中抛出自定义事件（例如fileaddfailedevent ）？

jQuery文件上传不提交额外参数

我需要使用jQuery File Upload控件中提供的formData参数在提交时将其他数据发送到服务器。 formData的默认实现是调用一个函数来抓取表单中的所有控件并将它们序列化为一个数组（使用jQuery serializeArray（）方法）。 我的表单中有控件，但是当文件上传时，我没有获得任何其他数据。 当我通过Fiddler进行检查时，请求中没有任何内容显示正在提交这些表单字段。 是否需要做一些额外的事情来提交这些内容？ 顺便说一句，这两个链接讨论formData … https://github.com/blueimp/jQuery-File-Upload/wiki/Submit-files-asynchronously https://github.com/blueimp/jQuery-File-Upload/wiki/Options …对于这一次搜索formData的页面。 为了它的价值， multipart选项设置为true。

Blueimp文件上传：从URL添加图像

我正在使用jQuery文件上传插件（ http://blueimp.github.io/jQuery-File-Upload/ ）为我的网站上传图片。 当用户在文本框中添加时，我想从URL添加图像。