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 に答える