Tag: blueimp

blueimp jquery文件上传空文件上传结果struts2,文件项目为空

我使用的是Blueimp,服务器端是Java,Struts2。 我无法找到使用Java的示例,无论如何我设法使用示例代码,但当我尝试上传单个文件时,我得到”Empty file upload result” 。 HTML部分是相同的,我不会在这里粘贴,因为它可能会很长。 jQuery是: $(document).ready(function () { ‘use strict’; // Initialize the jQuery File Upload widget: $(‘#fileupload’).fileupload(); // Enable iframe cross-domain access via redirect option: $(‘#fileupload’).fileupload( ‘option’, ‘redirect’, window.location.href.replace( /\/[^\/]*$/, ‘/cors/result.html?%s’ ) ); if (window.location.hostname === ‘blueimp.github.com’) { // Demo settings: $(‘#fileupload’).fileupload(‘option’, { url: ‘//jquery-file-upload.appspot.com/’, maxFileSize: 5000000, acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i, process: [ […]

Blueimp文件上传,您如何知道进度回调的文件?

您如何知道进度回调的文件? 即使我将sequentialUploads设置为true,仅在IE10中(不是Chrome / FireFox / Safari),当我选择同时上传多个文件时,add callback中的data.files数组包含多个文件。 对于所有其他浏览器,每个文件调用一次add回调,该数组总是只有1个文件。 所以我做一个for循环来处理add回调中的每个文件,没问题。 但是,现在我正在更新进度回调,我没有看到任何方法来知道进度的文件。 回调得到2个参数,“e”和“data”,数据对象已经加载,总值给了我进度……但对于哪个文件? 一些处理回调有data.index来告诉你它是哪个文件,但上传进度没有。 这只是缺少的function,还是我错过了什么? 我的代码现在很难看,因为我正试图解决这些新的IE10问题。 在此之前,我只是指望data.files数组总是只有1项。 无论如何,这是我的代码,当我有机会时,我会尝试清理它: self.initFileUpload = function(elem) { $(elem).fileupload({ dataType: ‘json’, global: false, sequentialUploads: true, forceIframeTransport: !!ie, formData: { hostSID: app.viewModels.main.hostSID() }, done: function(e, data) { for (var x = 0; x < data.result.files.length; x++) { var file = data.result.files[x]; var u = […]

将csrf标记传递给blueimp fileupload

我正在使用AngularJS构建SPA(单页应用程序),而对于FileUpload,我正在尝试使用Blueimp文件上载。 服务器端在NodeJS中,使用csrf,因此所有请求都将使用csrf令牌(由AngularJS设置的X-XSRF-TOKEN)发送到服务器。 现在,当我尝试使用Blueimp上传文件时,它失败了 “错误:无效的csrf令牌” 因为它在请求中附加必要的令牌,现在我想知道如何设置令牌。 请注意,我已经在使用AngularJS,并且我没有将任何元标记设置为csrf,但该标记在cookie中可用。 谢谢!!

Blueimp文件上传:上传前从文件列表中删除文件

在提交要上载的表单之前,如何从Blueimp插件中的选定文件列表中删除文件。 我尝试了这个SO答案,但它只是从UI中删除文件而不是从队列中删除。 这是我的代码 $(function(){ $(“#UploadPhotos”).click(function(){ $(“#ItemPhotos”).click(); }); $(‘#ItemPhotos’).fileupload({ url: “${pageContext.servletContext.contextPath}/XYZ”, //dataType: ‘json’, autoUpload: false, acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i, maxFileSize: 5000000, // 5 MB // Enable image resizing, except for Android and Opera, // which actually support image resizing, but fail to // send Blob objects via XHR requests: disableImageResize: /Android(?!.*Chrome)|Opera/ .test(window.navigator.userAgent), previewMaxWidth: 171, singleFileUploads:false, previewMaxHeight: 180, previewCrop: […]

不调用Symfony 3.1和OneUpUploaderBundle + Blueimp = UploadListener

介绍 大约两周前,我使用OneupUploaderBundle创建了类似的关于上传的问题,但是使用了FineUploader库。 可悲的是,还没有答案。 在此期间,我尝试设置不同的上传库。 我正在使用XAMPP [1]在Windows 10 Pro进行开发,其中包括PHP v7.0.8 。 [1] 适用于Windows的XAMPP 我正在使用Symfony v3.1.5, OneupUploaderBundle和Blueimp jQuery上传 ,以便将文件上传到服务器。 在设置时我遵循了OneUpUploaderBundle [2]和jQuery file upload [3],[4]的文档。 [2] OneupUploaderBundle文档 [3] OneupUploaderBundle Blueimp示例 [4] Blueimp jQuery文件上传文档 问题 我想将文件上传到某个目录然后检查它们的mime类型并validation是否允许上传文件mime类型,之后 – 将它们移动到自定义目录(可以从文件更改为文件),最后我想保留文件路径和文件名到数据库。 文件上传工作正常,文件上传到oneup_uploader_endpoint(‘gallery’) 。 甚至自定义文件Namer也可以工作并允许上传到自定义目录。 但是, 不会调用侦听器 (上传侦听器和validation)并显示在Symfony Profiler事件部分Not Called Listeners ! 这很不幸,因为我想使用Post_Persist事件将有关文件的信息保存到数据库。 OneupUploaderBundle事件 。 码 我的services.yml services: app.upload_listener: class: AppBundle\EventListener\UploadListener arguments: [“@doctrine.orm.entity_manager”] […]

blueimp jquery-file-upload如何在上传前取消1个文件

我使用以下库https://github.com/blueimp/jQuery-File-Upload/wiki 我选择了(添加文件)按钮后显示所选文件。 我没有显示显示取消按钮或上传的演示网格 我有一个提交提交的按钮(见下文)。 我想在选择此上传按钮之前取消上传其中一个文件。 通过代码我看到,当我最终点击提交时,它会为每个上传的文件调用fileuploadsubmit。 我想向用户网格显示所选文件,然后允许他们通过选择要从数据中删除的链接来取消其中一个文件。 我在网上找到的所有样本都倾向于parent()。remove()从而从视觉网格中删除。 如果没有显示网格怎么办? 即.. … add: function (e, data) { $.each(data.files, function (index, file) { files += file.name; }); $(‘#files’).text(files); viewModel.Add(data); data.context = $(‘#btnUpload’) .click(function () { data.submit(); return false; }); }, …… $(‘#fileupload’).bind(‘fileuploadsubmit’, function (e, data) { // The example input, doesn’t have to be part of the […]

如何在blueimp Basic中上传开始之前从队列中删除文件以停止上传?

这是事情, 我希望取消按钮类似于基本加UI或基本的 jQuery UI。 这个问题对你来说可能很傻。 但实际上我从blueimp在Basic plus UI或jQuery UI中使用的模板中混淆了列表上传和下载文件的开始,删除和取消按钮。 在这里编辑1:即使我不能使用该模板,因为我在twig模板中工作,它具有类似的语法,如果我使用会给出错误。 我需要代码从队列中删除文件,并在上传开始之前阻止上传。 我搜索了_cancelHandler在jquery.fileupload-ui.js但是有很多function让我感到困惑。 请有人帮忙。 即使我阅读文档中的插件的基本使用(最小设置指南),但没有数据有取消按钮。 编辑2在这里:我想我错过了告诉我只需要一个上传按钮,它将上传队列中的所有文件。 如果列表中的任何文件已取消,则不应上传。 这是我的代码 $(function () { var cancel_btn = $(”) .addClass(‘btn btn-warning cancel pull-right’) .html(‘ Cancel’) .on(‘click’, function () { var $this = $(this), data = $this.data(); $(this).parents(‘tr’).remove(); alert(“code to remove from the queue and to prevent upload before upload start”); […]

如何重置blueimp jQuery fileupload插件?

要点:我怎样才能重置一个blueimp jQuery fileupload插件,以便它认为没有上传文件? 我的情景 我有一个只允许上传一个文件的上传表单。 上传该文件后,将对其进行分析。 此时,用户可以选择单击“取消”按钮,在此重置我的视图模型的其余部分。 当用户点击取消时,我想重置用户上传的文件数,因为它们基本上是刚开始的。 我仍然希望在重置后应用最大的一个文件。 目前发生了什么 上传一个文件 单击取消按钮,一切都重置(即我重新初始化文件上传控件) 尝试上传文件,但仍然告诉我们已达到最大文件数。 我试过的 我尝试调用fileupload(’destroy’)然后重新初始化,但似乎没有结果(我希望破坏也会破坏实例的跟踪)。 我的问题: 销毁/重新初始化/重置上传控件的最佳方法是什么,好像它是从头开始的? 如果没有,有没有办法以编程方式让blueimp认为零文件已经上传后,有效地重置它? 在此先感谢您提供任何帮助! 关于版本的说明: 仅供参考,我在v8.8.1上 – 我宁愿不升级,因为一位同事以某种特定的方式改变了一些代码 – 呃。 我们计划在预定日期删除此自定义和升级。 如果我必须更新以解决此问题,请随时告诉我,因为这是完全公平的。 更新:一些代码 页面上的第一个文件上传控件: Add files…   A summary document has been uploaded. Please fill out invoice information before uploading a file. 页面上的第二个文件上传控件: 0 || (!InvoiceHasSummaryDocument())”> Add files…   NOTE: […]

Blueimp文件上传:单个文件上传

我正在使用Blueimp 文件上传 ,如何限制上传到最后选择的单个元素或(拖放)? 我已经从输入表单中删除了multiple属性,并将maxNumberOfFiles选项设置为值1但如果第一个上载失败(由于选项maxFileSize或acceptFileTypes ),则第一个元素将保留在列出的所选文件之上(由模板生成)并且无法上传其他文件,因为它们侵犯了maxNumberOfFiles选项。 我希望如果上传和/或删除接受的文件,而不是附加,它将替换旧的(未接受的)文件。 我还想,当删除多个文件但只删除第一个文件时,模板永远不会打印多个文件。

Blueimp jQuery文件上传与数据库集成

此插件在页面加载时读取blueimproot / server / php / files上的图像文件。 我需要从数据库中读取记录,并用我的自定义结构替换“下载”HTML结构。 我想显示目录产品,通过此插件上传/删除图像会影响哪些项目。 到目前为止我做到了这一点: 我在blueimproot / server / php / upload.class.php中更改了public function get() { … }以从数据库中检索记录。 该函数返回json对象。 public function get() { /* default code of Blueimp $file_name = isset($_REQUEST[‘file’]) ? basename(stripslashes($_REQUEST[‘file’])) : null; if ($file_name) { $info = $this->get_file_object($file_name); } else { $info = $this->get_file_objects(); } header(‘Content-type: application/json’); echo […]