jquery-file-upload

Have a file input form upload when a user clicks “open”

百般思念 提交于 2019-12-01 13:50:57
I am wondering if this flow is possible: Click a button that says "Upload". It is styled very differently from the usual . It does not show the "No file selected" text. The usual file browser pops open. The user chooses a file to upload. They click the "open" button in the file browser. Upon clicking "open", the file browser is closed (like normal) and the file immediately begins uploading (unlike normal where it requires a submit). I detect when the file is finished uploading, and direct to another page. Here is how I would try to implement it: Custom CSS on input button - this doesn't seem

Image upload performance issue with Amazon S3 and jqueryfileupload plugin

大憨熊 提交于 2019-12-01 11:35:48
I have another issue with amazon and its related to file uploads.I am using jqueryFileUpload and amazon API's to uplaod files to amazon S3.I have succeeded in uploading it,but it involves a trick. I had to store the image on my server and then move it to S3 from there using putObjectFile method of S3.Now the plugin comes with great functions to crop/resize images and I have been using them since long.Now when I integrate the plugin with AWS,i am facing performance issues with upload.The time taken for uploads is longer than normal and this raises questions of us using AWS S3 over traditional

Image upload performance issue with Amazon S3 and jqueryfileupload plugin

两盒软妹~` 提交于 2019-12-01 08:48:16
问题 I have another issue with amazon and its related to file uploads.I am using jqueryFileUpload and amazon API's to uplaod files to amazon S3.I have succeeded in uploading it,but it involves a trick. I had to store the image on my server and then move it to S3 from there using putObjectFile method of S3.Now the plugin comes with great functions to crop/resize images and I have been using them since long.Now when I integrate the plugin with AWS,i am facing performance issues with upload.The time

Getting the uploading file name before upload with jQuery File Upload plugin

自闭症网瘾萝莉.ら 提交于 2019-12-01 05:45:52
I'm using the jQuery File Upload plugin https://github.com/blueimp/jQuery-File-Upload/wiki to upload multiple files to the server. I'll be using it with a custom web service which will store the uploaded images on the server. However, besides of the POST request body I'll also need to pass to the web service the name of the file which is being uploaded. So, with each file transfer I'll also need to pass to the web service the name of the file. Could anybody tell me how can I take the file name and send it with each upload request? I'll basically need to get it from the field, without any

jQuery-File-Upload not firing done callback in Internet Explorer (IE9)

删除回忆录丶 提交于 2019-12-01 04:00:29
i checked some questions regarding the same issue, blueimp jquery file upload - "done", "complete" callbacks not working for IE 9 , but even after putting my Content-Type as 'text/html' as the response the 'done' callback isn't being fired. Also as the jQuery-File-Upload says i need to have a redirect to get the uploaded file ( https://github.com/blueimp/jQuery-File-Upload/wiki/Cross-domain-uploads ) after the upload is done, but that isn't also being done. Any help would be appreciated. Regards. The most voted answer isn't the best solution and can throw errors. Actually, setting dataType isn

jQuery-File-Upload not firing done callback in Internet Explorer (IE9)

早过忘川 提交于 2019-12-01 01:44:42
问题 i checked some questions regarding the same issue, blueimp jquery file upload - "done", "complete" callbacks not working for IE 9 , but even after putting my Content-Type as 'text/html' as the response the 'done' callback isn't being fired. Also as the jQuery-File-Upload says i need to have a redirect to get the uploaded file (https://github.com/blueimp/jQuery-File-Upload/wiki/Cross-domain-uploads) after the upload is done, but that isn't also being done. Any help would be appreciated.

Getting an empty ImmutableMultiDict object from jQuery request data

浪尽此生 提交于 2019-12-01 01:27:20
Trying to upload a file to server but the ImmutableMultiDict object is returning empty. upload.html <html> <head> <title>Upload File Ajax</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> $(function() { $('#upload-file-btn').click(function() { var form_data = new FormData($('#upload-file')[0]); form_data.append('file', $('input[type=file]')[0].files[0]); console.log(form_data) $.ajax({ url: '/uploadajax', data: form_data, type: 'POST', contentType: false, cache: false, processData: false,

File Upload and knowing the directory structure

梦想的初衷 提交于 2019-11-30 22:21:47
We are using jquery fileupload to drag and drop files (and folders) from a local computer to a browser. This works great but we can't capture the directory structure of the files within the folder. I understand why (from a security perspective and javascript) this doesn't work, but does anyone have any thoughts on best ways to achieve the same thing. Again, I want my customer (internal app) to drag and drop a folder into my application. My application can see the list of filenames and they get uploaded, but I would like to maintain the directory structure of those files for use elsewhere. i.e.

How to resize images client side using jquery file upload

房东的猫 提交于 2019-11-30 16:35:59
I am using blueimp jquery-file-upload in a Rails 3.2 app, via the jquery-fileupload-rails gem. I am trying to resize images on the client side prior to uploading, but am having trouble following the documentation. My code is below. Currently uploading works perfectly, but the images are not resized. What is the correct syntax to resize images via jquery-file-upload. (Two approaches shown in the coffeescript based on this and this documentation. Neither works for me.) #Coffeescript jQuery -> if $("#new_asset").length $("#new_asset").fileupload dataType: "script" add: (e, data) -> types = /(\.|\

Why doesn't Blueimp's jQuery-File-Upload plugin fire callbacks?

蓝咒 提交于 2019-11-30 11:32:05
问题 I'm experimenting with Blueimp's jQuery-File-Upload plugin, which judging by the demo looks very promising. It's really easy to implement: var $uploadButton = $("#fileop-upload");// <input type="file" id="fileop-upload" [etc] /> $uploadButton.fileupload({ url : "//domain/path/to/receive-uploaded-files" }); The selected files are uploaded fine without refreshing the page as expected, but of course with a minimal configuration like this the user won't get any notification. Here's where the