如何在JavaScript函数中传递文件元素
How to pass file element in JavaScript function
我在我的应用程序中使用JavaScript在函数名cropper中,像这样
function cropper(){
var selectedImg = $('#image_file')[0].files[0];
}
我使用ID为image_file的文件元素从html中调用它,像这样
<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>
您可以将事件对象传递给处理程序
<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];
}
//variable = id of an element.
function cropper(variable){
var selectedImg = $('#'+variable)[0].files[0];
}
相关文章:
- 将包含SVG元素的HTML转换为图像文件
- Javascript获取具有不同id的文件数's来自没有多个属性的文件输入元素
- 从IE中的不同元素调用时,文件输入控件未正确启动
- 在JSON文件中查找一个元素,并将其显示为HTML
- 如何在php中按元素按字母顺序排列json文件
- 如何将旋转的画布元素保存到文件中
- 无法查找元素'手动加载CSS文件时的CSS属性
- SVG使用Javascript将文件上载到DOM就绪元素
- 如何使用量角器将文件上传到ng文件上传元素
- 如何使用javascript隐藏上传文件元素
- 将html输入文件元素从一个表单复制到另一个表单
- jQuery 示例:在文件扩展名不允许的情况下重置输入文件元素
- Jquery:获取数组中多个文件元素的 ID
- 显示文本“正在加载..“在输入类型=”文件“元素中选择文件后
- 在Firefox扩展中的输入文件元素上单击操作失败
- 将拖放文件发送到输入类型文件元素
- 使用外部文件元素更改类
- 使用一个文件元素上传多个文件(没有多个选项).并一次选择一个文件
- 如何在JavaScript函数中传递文件元素
- Ajax只显示数组中最后一个文件元素的响应文本