Tag: blueimp

ajax加载的html中的多个jQuery插件实例: 我在ajax加载的html中使用多个Blueimp文件上传插件： $(‘.edit’).click(function(){ $( “#details” ).show(); $(‘#details div’).html(ajax_spinner).load(script.php, “parameters”); }); 因此，当您单击某个class =“edit”时，会显示一个新的div id =“details”（但是当document.ready时它位于DOM中）并且script.php返回一个表单id =“upload”（在“查看源代码”，虽然它在页面中..？在document.ready 之后处理html的规则/良好做法是什么？所以现在这个“虚拟DOM”中有一个新元素： DROP HERE Image .png or .jpg Browse 当我尝试对DOM的这个“隐形”部分采取行动时： $(‘#drop a’).click(function(){ alert(‘Nope. Nothing’); }); 只有我 $(document).on(‘click’, ‘#drop a’, function() { alert(‘Ah, this works’); }); 但我需要的不仅仅是警报。整个$(‘#upload’).fileupload({ … })回调套件没有执行，可能是因为这个DOM“存在”问题。顺便说一句，我在其他页面中，在普通的现有DOM上使用这个非常实现，并且它可以工作。我如何处理那些新生成的DOM元素？

Blueimp jQuery文件上传 – 在上传完成响应后从队列中隐藏文件: 我正在使用Blueimp jQuery File Upload插件，我的配置是： $(‘#fileupload’).fileupload({ // Uncomment the following to send cross-domain cookies: //xhrFields: {withCredentials: true}, url: ‘assets/plugins/jquery-file-upload/server/php/’, done: function (e, data) { //some code } }); 当一个文件上传完成后，我需要在done: event中从列表中隐藏这个文件，但是我无法在队列列表中获得该文件的索引。有任何想法吗？

使用Jquery插件blueimp gallery在lightbox中显示描述: 所以我想要做的是向灯箱库添加一个描述。我正在使用jquery插件blueimp图库以及顶部的bootstrap图库插件。我到处搜索，但除了文档说明中提到的内容之外，只有几篇关于它的post，所以我想问一下。我敢肯定，这可能是导致问题的原因，但首先我想知道是否有一种方法可以在图像下方添加描述，但它也可以在标题下。这是我使用blueimp文档中的下面代码以及从jsfiddle演示的另一个用户发现的额外额外内容得到的最远的。 blueimp.Gallery( document.getElementById(‘links’), { onslide: function (index, slide) { var text = this.list[index].getAttribute(‘data-description’), node = this.container.find(‘.description’); node.empty(); if (text) { node[0].appendChild(document.createTextNode(text)); } } }); http://jsfiddle.net/2B3bN/37/ 这显示了它在我的网页上的外观，我确实设法实现了这一点，但你会注意到它只适用于第一张图片。当然这可以用一些js修改？我是js的新手，我可以阅读和修改基本的js，但我猜他们改变标题的方式可以用来改变描述吗？感谢所有帮助人员！

无法让jquery文件上传器出现在页面上: 好的，我准备把头发拉出来。我一直在尝试两个不同的文件上传器库，Blueimp的jQuery文件上传器和Valums文件上传器。我无法使用其中任何一个在我的页面上显示上传按钮。我试图将它放在jQuery手风琴div中的一个表单内。我的代码必须遇到一些问题，这会阻止它出现在我的目标div中，但就控制台中的错误而言，我什么也得不到。什么都没有显示出来。有任何想法吗？这是我的代码的Blueimp版本： HTML： URL: or 使用Javascript： function addUploaders() { $(‘#photoUpload’).fileupload(); }; 链接文件包括：

jQuery文件上传插件https://blueimp.net: 晚上好，我想使用插件jQuery文件上传插件，但我有一个问题。我正在使用base64图像，因为图像通过修剪工具来剪切图像。如何通过.fileupload（）上传和上传base64格式的图像我需要一个jquery / php版本我找不到解决方案，提前谢谢

使用Jquery blueimp将图像上传到App Engine：: 有人可以指点我使用JQuery blueimp插件实现多个图像上传到Java应用程序引擎blobstore吗？文档有一个maven实现，但我理解将现有项目移植到Maven很棘手，我想避免这一步。谢谢

Fileupload多次上传文件: 我在asp.net网站上使用jquery blueimp fileupload时遇到了一个奇怪的问题。在经过一些试验后出现了一个错误，我没有太多问题就可以运行，并且它或多或少都正常工作。然而，有一些奇怪的行为，我无法解决。作为任何jquery插件的标准，它必须在页面加载后初始化。但是，我不能使用常规的$（document）.ready，因为它必须使用的webform包含多个updatepanels，因此我需要使用pageLoad函数，以便在任何隐藏的回发后保持插件初始化updatepanel可能会触发。现在，一旦我上传，就会出现奇怪的行为。如果我在webform中执行任何其他操作（从更新面板执行操作），我尝试上传的下一个文件将上载两次。如果我再做一次动作，我上传的下一个文件会上传3次，等等。试图破坏每个页面上的插件负载似乎没有任何区别。并在$（document）.ready中初始化它没有任何效果，因为这只发生在第一次表单加载上。有任何想法吗？。谢谢

jQuery文件上传（Blue imp）Symfony 2 405方法不允许: 我在symfony 2项目中使用此捆绑包进行多文件上传： https://github.com/1up-lab/OneupUploaderBundle 与此插件结合使用： http://blueimp.github.io/jQuery-File-Upload/ 上传本身正在运行，但我也在我的控制台中收到此错误： GET http://localhost/vdvinfra/web/app_dev.php/_uploader/gallery/upload 405 (Method Not Allowed) 665832b_jquery-2.0.3.min_1.js:6 x.support.cors.e.crossDomain.send665832b_jquery-2.0.3.min_1.js:6 x.extend.ajax7b52311_main_9.js:61 (anonymous function)665832b_jquery-2.0.3.min_1.js:4 l665832b_jquery-2.0.3.min_1.js:4 c.fireWith665832b_jquery-2.0.3.min_1.js:4 x.extend.ready665832b_jquery-2.0.3.min_1.js:4 S 因为插件不能正常工作。（不显示进度条或消息）。该软件包在其文档中说我需要在我的routing.yml中创建一个这样的路由： oneup_uploader: resource: . type: uploader config.yml： oneup_uploader: mappings: gallery: frontend: blueimp 我的简单输入字段：我的javascript： $(document).ready(function () { $(function () { $(‘#fileupload’).fileupload({ dataType: ‘json’, done: function (e, data) { $.each(data.result, function (index, file) […]

在webpack中导入Blueimp jQuery文件上传: 我正在导入这样的文件 import “blueimp-file-upload/js/vendor/jquery.ui.widget.js”; import “blueimp-file-upload/js/jquery.iframe-transport.js”; import “blueimp-file-upload/js/jquery.fileupload.js”; import “blueimp-file-upload/js/jquery.fileupload-image.js”; 并修改了webpack配置 resolve: { alias: { ‘load-image’: ‘blueimp-load-image/js/load-image.js’, ‘load-image-meta’: ‘blueimp-load-image/js/load-image-meta.js’, ‘load-image-exif’: ‘blueimp-load-image/js/load-image-exif.js’, ‘load-image-scale’: ‘blueimp-load-image/js/load-image-scale.js’, ‘canvas-to-blob’: ‘blueimp-canvas-to-blob/js/canvas-to-blob.js’, ‘jquery-ui/ui/widget’: ‘blueimp-file-upload/js/vendor/jquery.ui.widget.js’ } } 灵感来自于：如何使用webpack的blueimp-file-upload？它正在编译好，但我在浏览器控制台中出错 app.js:1391 TypeError: $(…).fileupload is not a function jQuery是全局定义的，看起来像fileupload插件没有注册。我不明白。

Blueimp FileUpload：返回responseText时出现fileuploadsubmit错误: 我正在使用Blueimp FileUpload插件，当我尝试在上传图像后捕获响应时，一切都很好： var fi = $(‘#fileupload’); //file input var process_url = ‘/backoffice/listings/upload-images ‘; var progressBar = $(”).addClass(‘progress’).append($(”).addClass(‘progress-bar’)); //progress bar var uploadButton = $(”).addClass(‘button btn-blue upload’).text(‘Upload’); //upload button uploadButton.on(‘click’, function () { var $this = $(this), data = $this.data(); data.submit().always(function () { $this.parent().find(‘.progress’).show(); $this.parent().find(‘.remove’).remove(); $this.remove(); }); }); fi.fileupload({ url: process_url, dataType: ‘json’, autoUpload: false, acceptFileTypes: /(\.|\/)(gif|jpe?g|png|mp4|mp3)$/i, […]