Tag: jquery file upload

jQuery文件上传器只发送一个块

我在我的Django应用程序中使用jQuery文件上传器。 我有一个问题,Django只收到我的大文件的一大块。 起初我认为这可能是我的UploadFileHandler的问题但是当我从上传器记录chunksend事件时它只被触发一次(而不是我的情况下的9次)。 任何想法为什么上传者只发送一个块? 这是我的代码: $(‘#fileupload’).fileupload({ dataType: ‘json’, maxChunkSize: 10000000, add: function (e, data) { console.log(data); var uploadRow = $(‘#upload-item-master’) .clone() .removeAttr(‘id’) .appendTo(“#upload-container”) .hide() .fadeIn(1000); uploadRow.find(‘.name’).text(data.files[0].name); var jqXHR = data.submit() .always(function (result, textStatus, jqXHR) { if(result.status == 201) { uploadRow.find(‘.progress .bar’).css(‘width’,’100%’); uploadRow.find(‘.progress’).removeClass(‘active’); } else { uploadRow.find(‘.progress .bar’).css(‘width’,’100%’); uploadRow.find(‘.progress’).removeClass(‘progress-success’); uploadRow.find(‘.progress’).removeClass(‘progress-success’); uploadRow.find(‘.progress’).addClass(‘progress-danger’); } }) }, chunksend: function(e, […]

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文件上传插件https://blueimp.net

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

如何使用带有backbone.js和require.js的Jquery-file-upload

我有一个使用require.js的backbone.js应用程序,我希望在jquery插件之后实现这个: https : //github.com/blueimp/jQuery-File-Upload 我遵循了这个流程: https : //github.com/blueimp/jQuery-File-Upload/wiki/Basic-plugin 如果有人可以通过此插件向我发送骨干应用程序工作的示例,或者可以帮助我进行其他建议。 在您阅读我的代码之前: Require.js配置: require.config({ paths: { ‘jquery’ : ‘common/vendors/jquery_2.1.0’, ‘underscore’ : ‘common/vendors/underscore_1.6.0’, ‘backbone’ : ‘common/vendors/backbone_1.1.2’, ‘layoutmanager’ : ‘common/vendors/backbone.layoutmanager_0.9.5’, ‘jquery.iframe-transport’ : ‘common/vendors/jquery.iframe.transport_1.0’, ‘jquery.ui.widget’ : ‘common/vendors/jquery.ui.widget_1.10.4’, ‘jquery.fileupload.ui’ : ‘common/vendors/jquery_fileupload/jquery.fileupload.ui_9.6.0’, ‘jquery.fileupload’ : ‘common/vendors/jquery_fileupload/jquery.fileupload_5.40.3’ }, shim: { ‘jquery’: { exports: ‘$’ }, ‘underscore’: { exports: ‘_’ }, ‘backbone’ : { deps: […]

Fileupload多次上传文件

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

jquery文件上传模块发送额外参数

我正在使用jquery文件上传插件。 我添加了一个额外的按钮来告诉服务器完成所有操作,假设发送一个额外的参数如下: $(‘.btn-finalize’).click(function(){ $(‘#fileupload’).fileupload({ dataType:’json’, formData:{name:’finalize’,value:’1′}, url: ‘server/php/’ }); }); 调用此单击处理程序,但未发送任何请求。 为什么?

只将唯一文件添加到容器中?

我正在使用jQuery文件上传插件 – 我将自动上传文件上传设置为false,我的行为是,在添加文件时,我建立了一个显示文件名的表和一个删除按钮,允许用户删除文件在上传之前。 然后有一个上传所有文件按钮? 因此,如果用户添加名为foo.txt的文件,则会创建一行。 但是,如果他们再次添加foo.txt,它将创建另一行。 我想检查该方案的现有表,并向用户发出警报,而不是创建该行。 到目前为止上传的代码是: $(‘#uploadFile’).fileupload({ replaceFileInput: false, singleFileUploads: true, add: function(event, data) { $.each(data.files, function (index, file) { var rows = $(‘#files > tr’); // always getting length 0?? data.url = myUrl; data.type = ‘POST’; data.context = $(” + ‘Selected File : ‘ + file.name + ” + ‘ ‘ + ” […]

如何将jquery函数绑定到动态DOM

我在我的页面上使用jquery文件上传function,如下所示: $(‘.new-variant-image’) .fileupload({ dataType: ‘script’, add: function(e, data){ } }); 但是DOM类“new-variant-image”是在页面加载后动态创建的,所以它不起作用。 我搜索了使用“on”和“live”绑定动态事件的方法,但在这种情况下不会让它工作。 任何帮助将不胜感激。 编辑 之后使用AJAX创建DOM元素“new-variant-image”,如果我在创建元素之后放置代码,它就可以工作。 但是我想避免这种情况,因为当我多次使用ajax调用该函数时,它会导致浏览器挂起大约2到3秒。

为什么所有的进程函数都没有为fileupload插件触发

我使用( blueimp fileupload插件) https://github.com/blueimp/jQuery-File-Upload 以下function都没有触发: $(‘#fileupload’) .bind(‘fileuploadprocessstart’, function (e) {/* … */}) .bind(‘fileuploadprocess’, function (e, data) {/* … */}) .bind(‘fileuploadprocessdone’, function (e, data) {/* … */}) .bind(‘fileuploadprocessfail’, function (e, data) {/* … */}) .bind(‘fileuploadprocessalways’, function (e, data) {/* … */}) .bind(‘fileuploadprocessstop’, function (e) {/* … */}); 我附上了这样的东西: 我已经包含了这些额外的脚本 jquery.fileupload-process.js https://github.com/blueimp/jQuery-File-Upload/blob/master/js/jquery.fileupload-process.js jquery.fileupload-image.js https://github.com/blueimp/jQuery-File-Upload/blob/master/js/jquery.fileupload-image.js $(‘#fileupload’).fileupload({ url: ‘ulr’, […]

jQuery-File-Upload通过javascript取消上传

我正在使用jQuery-File-Upload https://github.com/blueimp/jQuery-File-Upload ,我想手动点击取消按钮实现取消上传,我知道有一个回调“fileuploadfail”但是任何人都可以给我们如何使用它。