jquery - How to pass file element in JavaScript function - Stack Overflow

admin管理员组

文章数量:1415460

I am using JavaScript in my application in a function name cropper like that

function cropper(){
var selectedImg = $('#image_file')[0].files[0];
}

I am calling it using file element with ID image_file from my html like this

 <input type="file" id="image_file" name="picture1" onchange="cropper()"/><br>

All I want to change the above function like

function cropper(variable){
var selectedImg = variable[0].files[0];
}

so that I can assign different ID for different file element. Could you please suggest me how can I achieve the above functionality.

Edit:

I have 4 file attachment button in my website and I wants to use different ID for that so it would be like that.

<input type="file" id="picture1" name="picture1" onchange="cropper(picture1)"/><br>
<input type="file" id="picture2" name="picture2" onchange="cropper(picture2)"/><br>
<input type="file" id="picture3" name="picture3" onchange="cropper(picture3)"/><br>
<input type="file" id="picture4" name="picture4" onchange="cropper(picture4)"/><br>

I am using JavaScript in my application in a function name cropper like that

function cropper(){
var selectedImg = $('#image_file')[0].files[0];
}

I am calling it using file element with ID image_file from my html like this

 <input type="file" id="image_file" name="picture1" onchange="cropper()"/><br>

All I want to change the above function like

function cropper(variable){
var selectedImg = variable[0].files[0];
}

so that I can assign different ID for different file element. Could you please suggest me how can I achieve the above functionality.

Edit:

I have 4 file attachment button in my website and I wants to use different ID for that so it would be like that.

<input type="file" id="picture1" name="picture1" onchange="cropper(picture1)"/><br>
<input type="file" id="picture2" name="picture2" onchange="cropper(picture2)"/><br>
<input type="file" id="picture3" name="picture3" onchange="cropper(picture3)"/><br>
<input type="file" id="picture4" name="picture4" onchange="cropper(picture4)"/><br>

• javascript
• jquery
• html

Share Improve this question Follow edited Jun 5, 2013 at 1:40 Ashish asked Jun 5, 2013 at 0:56 AshishAshish 14.7k2222 gold badges8787 silver badges137137 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

You can pass the event object to the handler

<input type="file" id="image_file" name="picture1" 
                                   onchange="cropper(event)"/><br>

Then use the event object in the method

function cropper(event){
   var selectedImg = event.target.files ? event.target.files[0]
                                        : $('#image_file')[0].files[0];
}

//variable = id of an element.
function cropper(variable){
     var selectedImg = $('#'+variable)[0].files[0];
}

本文标签： jqueryHow to pass file element in JavaScript functionStack Overflow