Tag: jquery file upload

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添加图像。

如何显示thumnail或预览当前文件上传

我无法显示正在加载的video/image的预览 基本上我的意思是说下面的代码没有触发来获取video/image预览 这是我的Jsfiddle .bind(‘fileuploadprocessalways’, function(e, data) { var canvas = data.files[0].preview; var dataURL = canvas.toDataURL(); $(“#some-image”).css(“background-image”, ‘url(‘ + dataURL +’)’); }) 问题 ：请帮我预览正在上传的video/image 这是我的完整代码 HTML： JavaScript的： $(function () { $(‘#fileupload’).fileupload({ url: ‘/echo/json/’, maxChunkSize: 1048576, maxRetries: 3, dataType: ‘json’, multipart: false, progressall: function (e, data) { //progress }, add: function (e, data) { data.context = $(”).text(‘Uploading…’).appendTo(‘.data’); […]

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

使用jQuery File Upload插件在上传之前获取上传文件名

我正在使用jQuery文件上传插件https://github.com/blueimp/jQuery-File-Upload/wiki将多个文件上传到服务器。 我将使用自定义Web服务将上传的图像存储在服务器上。 但是，除了POST请求主体之外，我还需要将正在上载的文件的名称传递给Web服务。 因此，对于每个文件传输，我还需要将该文件的名称传递给Web服务。 有人能告诉我如何获取文件名并将其与每个上传请求一起发送？ 我基本上需要从现场获取它，没有任何额外的输入字段。 如果用户选择了10个文件，我需要为队列中的每个文件取名，并使用上传请求提交。 谢谢。

如何用Amazon S3替换PHP imagecopyresampled？

我正在使用jquery文件上传脚本，并已成功将主图像上传到Amazon S3。 我现在正在尝试将多个图像大小换成上传到S3中的子文件夹或对象。 在UploadHandler.php文件中的create_scaled_image函数内部，如何用S3调用替换imagecopyresampled调用？ 这有可能吗？ 以下是图像resize并将文件写出的内容： $success = $src_img && @imagecopyresampled( $new_img, $src_img, $dst_x, $dst_y, 0, 0, $new_width, $new_height, $img_width, $img_height ) && $write_image($new_img, $new_file_path, $image_quality); // Free up memory (imagedestroy does not delete files): @imagedestroy($src_img); @imagedestroy($new_img); 我可以以某种方式调整内存中的图像大小，然后将文件保存到我的S3对象？ $bucket = “pics.mysite.com”; $file = ?? $uploaded_file = ?? $response = $s3->create_object($bucket, $file, array(‘fileUpload’ => $uploaded_file, ‘acl’ […]

jQuery文件上传，获取和编辑保存在DB中的数据

编辑 使用jQuery文件上载文档，我可以使用MySQL DB中的图片保存数据（参见图1 + 2） 现在我陷入困境的是如何检索数据。 上传之后我想用DB中的数据显示图片，但我没有找到如何做到这一点。 如果有人知道如何编辑json附加数据库数据或者我怎么能var_dump它只是为了让我朝着正确的方向推进，这将是非常棒的！ 我无法找到json的创建位置。 json现在看起来像这样： {“files”:[{ “name” : “02 (1).jpg”, “size” : 12508, “type” : “image\/jpeg”, “url” : “http:\/\/localhost:8888\/server\/php\/files\/02%20%281%29.jpg”, “thumbnailUrl” : “http:\/\/localhost:8888\/server\/php\/files\/thumbnail\/02%20%281%29.jpg”, “deleteUrl” : “http:\/\/localhost:8888\/server\/php\/?file=02%20%281%29.jpg”, “deleteType” : “DELETE” }]} 我想这样做： {“files”:[{ “name” : “02 (1).jpg”, “size” : 12508, “type” : “image\/jpeg”, “url” : “http:\/\/localhost:8888\/server\/php\/files\/02%20%281%29.jpg”, “thumbnailUrl” : “http:\/\/localhost:8888\/server\/php\/files\/thumbnail\/02%20%281%29.jpg”, “deleteUrl” : “http:\/\/localhost:8888\/server\/php\/?file=02%20%281%29.jpg”, […]

blueimp jQuery-File-Upload – 如何在没有附加文件的情​​况下提交表单？

我在提交文件上传表单时找到了有关如何添加其他表单数据的解决方案。 如果没有要上传的文件，此问题是如何上传其他数据。 我在任务管理应用程序中使用blueimp jquery-file-upload，以便拖放文件并将它们附加到任务。 该脚本已初始化并设置为在附加文件时不自动上载。 在fileuploadadd回调中，我将data.submit()附加到我的submit事件处理程序。 这实现了我们在一个POST请求中提交任务数据和文件。 在添加文件之前，我无法访问文件上传data以使用data.submit()函数。 我想通过在页面加载时添加一个空文件（然后删除它）来解决这个问题，这会触发将data.submit()绑定到提交按钮。 问题是插件在尝试循环遍历空文件数组时返回错误。 如果您在提交表单之前添加了一个文件然后将其删除，也会出现此问题。 我一直在寻找一个解决方案，并且看起来高低，但在（恕我直言）可怕的文档中找不到任何东西。 看看我的代码如下： $(‘#post_task’).fileupload({ autoUpload: false, singleFileUploads: false, disableImagePreview: true, }).on(‘fileuploadadd’, function (e, data) { $.each(data.files, function (index, file) { var filename = file.name, filesize = bytesToSize(file.size) ext = filename.substr(filename.lastIndexOf(‘.’)+1,5), icon = ”, node = $(”).append($(”).html(icon + filename + ‘ ‘ + filesize + ‘&times’)).attr(‘data-index’,index); […]

jQuery文件上传预览图像

我正在使用jQuery文件上传插件（ http://blueimp.github.io/jQuery-File-Upload/ ）为我的网站上传图片。 我查看了（ https://github.com/blueimp/jQuery-File-Upload/wiki/Options ），但我没有找到分配元素来显示图像的设置。 那么，如何使用此插件在网页上预览图像？ 谢谢。