Question

130

POST immediately after select a file

rated 0 times [ 131] [ 1] / answers: 1 / hits: 34968 / 14 Years ago, wed, january 19, 2011, 12:00:00

I have the following HTML code

<form action=/script/upload_key.py method=POST enctype=multipart/form-data> 

    Key filename: <input name=file_1 type=file> 

    <input name=submit type=submit> 

</form>

which gives me the following stuff.

alt

I was wondering

How I can use JavaScript, to eliminate the need of Submit button. That's mean, once I Choose File, the selected file will be uploaded immediately?

How can I make sure the field to display selected file name is long enough, so that ... will not be shown?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

devinjadong

Add To Favorites

Follow

Total Points: 711

Total Questions: 117

Total Answers: 100

Location: Andorra

Member since Sat, May 27, 2023

1 Year ago

devinjadong questions

1 How to make an existing React app installable (PWA)?

Thu, Feb 17, 22, 00:00, 2 Years ago

1 clarity.js by Microsoft slowing overall page loads

Wed, Dec 8, 21, 00:00, 2 Years ago

1 How to use document.querySelector and require with node.js and SQLite3

Sun, Aug 29, 21, 00:00, 3 Years ago

1 Object(...) is not a function for Vuex Store

Tue, Oct 27, 20, 00:00, 4 Years ago

1 How to use heatmap written in javascript in react js

Fri, Oct 18, 19, 00:00, 5 Years ago

View All

answered 14 Years ago adrienkeithr · Accepted Answer

To submit it immediately, just do this:

<input name=file_1 type=file onchange=this.form.submit();>

If you are using JQuery:

$(input[name='file_1']).change(function() { this.form.submit(); });

About your other questions:

1) There are many methods out there... for example:

http://valums.com/ajax-upload/

http://www.webtoolkit.info/ajax-file-upload.html

(and many more. Just google for: Ajax file upload or iframe file upload)

2) Don't worry about the width of the field. As you don't know how long can it be the path, it would never be long enough (i think). Also browsers may display it very different. For example Safari or Chrome show it very different from Firefox or IE. Just use the default length or the one that looks better with your design.