3

我在我的应用程序中的函数名称裁剪器中使用 JavaScript

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

我使用来自我的html的ID为image_file的文件元素来调用它,就像这样

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

我只想更改上述功能

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

这样我就可以为不同的文件元素分配不同的 ID。您能否建议我如何实现上述功能。

编辑:

我的网站上有 4 个文件附件按钮,我想为此使用不同的 ID,所以它就是这样。

<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>
4

2 回答 2

3

您可以将事件对象传递给处理程序

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

然后在方法中使用事件对象

function cropper(event){
   var selectedImg = event.target.files ? event.target.files[0]
                                        : $('#image_file')[0].files[0];
}
于 2013-06-05T01:02:42.490 回答
0
//variable = id of an element.
function cropper(variable){
     var selectedImg = $('#'+variable)[0].files[0];
}
于 2013-06-05T01:09:38.853 回答