我无法使用addEventListener Javascript/Jquery将参数传递给函数
我正在用BASE64做一个图像验证程序,在向函数传递参数时遇到了问题 使用纯javascript和类型更改的事件,并且不使用函数的参数,可以正确执行该函数。但是当传递一个参数时,它会完全下降 我还尝试使用jquery来处理“更改”,但也没有成功 我留下了运行良好的代码,并对参数进行了注释我无法使用addEventListener Javascript/Jquery将参数传递给函数,javascript,jquery,Javascript,Jquery,我正在用BASE64做一个图像验证程序,在向函数传递参数时遇到了问题 使用纯javascript和类型更改的事件,并且不使用函数的参数,可以正确执行该函数。但是当传递一个参数时,它会完全下降 我还尝试使用jquery来处理“更改”,但也没有成功 我留下了运行良好的代码,并对参数进行了注释 新建:我已将函数作为回调传递,但现在返回值请勿输入 //以这个图像为例https://i.imgur.com/GxUIEH2.png 函数validFile(parameter){//如果将change与
新建:我已将函数作为回调传递,但现在返回值请勿输入
//以这个图像为例https://i.imgur.com/GxUIEH2.png
函数validFile(parameter){//如果将change与jquery一起使用,请在validFile中添加参数
if(this.files&&this.files[0]){
var像素=参数分割(“x”);
警报(像素);
var FR=new FileReader();
FR.onload=功能(e){
/*验证*/
var imgData=e.target.result;
var segmentaImgData=imgData.trim().split(“/”);
var validaImg=segmentaImgData[1]。子串(0,3);
如果(validaImg==“jpg”| | validaImg==“jpe”| | validaImg==“png”| | validaImg==“gif”| | validaImg==“gif”){
/*开始验证图像大小*/
var iconoImagen=新图像();
iconoImagen.id=“miIcon”;
iconoImagen.src=“+imgData+”;
iconImagen.onload=函数(){
if(this.width==34/*像素[0]*/&this.height==26/*像素[1]*/){
/*如果图像符合大小,请将其插入输入*/
$(“#inputValueBase64”).val(imgData);
$(“#txt”).html(imgData)
警报(“图像大小合适”);
}否则{
警报(“图像大小不正确”);
返回false/**/
}
};
}否则{
警报(“不支持的格式”);
美元(“#inp”).val(“”);
返回false;
}
};
FR.readAsDataURL(this.files[0]);
}否则{
警报(“使用此方法无法通过”);
}
}
document.getElementById(“inp”).addEventListener(“更改”,函数(){validFile('34x26')},false);
/*$(“#inp”)。更改(函数(){
警报(“已更改!”);
有效文件('34x26')
});*/代码>
有一个回调函数,在该函数中调用您的validFile()
方法
//以这个图像为例https://i.imgur.com/GxUIEH2.png
函数validFile(){//如果将change与jquery一起使用,请在validFile中添加参数
if(this.files&&this.files[0]){
//var像素=参数分割(“x”);
var FR=new FileReader();
FR.onload=功能(e){
/*验证*/
var imgData=e.target.result;
var segmentaImgData=imgData.trim().split(“/”);
var validaImg=segmentaImgData[1]。子串(0,3);
如果(validaImg==“jpg”| | validaImg==“jpe”| | validaImg==“png”| | validaImg==“gif”| | validaImg==“gif”){
/*开始验证图像大小*/
var iconoImagen=新图像();
iconoImagen.id=“miIcon”;
iconoImagen.src=“+imgData+”;
iconImagen.onload=函数(){
if(this.width==34/*像素[0]*/&this.height==26/*像素[1]*/){
/*如果图像符合大小,请将其插入输入*/
$(“#inputValueBase64”).val(imgData);
$(“#txt”).html(imgData)
警报(“图像大小合适”);
}否则{
警报(“图像大小不正确”);
返回false/**/
}
};
}否则{
警报(“不支持的格式”);
美元(“#inp”).val(“”);
返回false;
}
};
FR.readAsDataURL(this.files[0]);
}否则{
警报(“使用此方法无法通过”);
}
}
document.getElementById(“inp”).addEventListener(“更改”,函数(){
validFile('随你的便');
},假);
/*$(“#inp”)。更改(函数(){
警报(“已更改!”);
有效文件('34x26')
});*/代码>
有一个回调函数,在该函数中调用您的validFile()
方法
//以这个图像为例https://i.imgur.com/GxUIEH2.png
函数validFile(){//如果将change与jquery一起使用,请在validFile中添加参数
if(this.files&&this.files[0]){
//var像素=参数分割(“x”);
var FR=new FileReader();
FR.onload=功能(e){
/*验证*/
var imgData=e.target.result;
var segmentaImgData=imgData.trim().split(“/”);
var validaImg=segmentaImgData[1]。子串(0,3);
如果(validaImg==“jpg”| | validaImg==“jpe”| | validaImg==“png”| | validaImg==“gif”| | validaImg==“gif”){
/*开始验证图像大小*/
var iconoImagen=新图像();
iconoImagen.id=“miIcon”;
iconoImagen.src=“+imgData+”;
iconImagen.onload=函数(){
if(this.width==34/*像素[0]*/&this.height==26/*像素[1]*/){
/*如果图像符合大小,请将其插入输入*/
$(“#inputValueBase64”).val(imgData);
$(“#txt”).html(imgData)
警报(“图像大小合适”);
}否则{
警报(“图像大小不正确”);
返回false/**/
}
};
}否则{
警报(“不支持的格式”);
美元(“#inp”).val(“”);
返回false;
}
};
FR.readAsDataURL(this.files[0]);
}否则{
警报(“使用此方法无法通过”);
}
}
document.getElementById(“inp”).addEventListener(“更改”,函数(){
validFile('随你的便');
},假);
/*$(“#inp”)。更改(函数(){
警报(“已更改!”);
有效文件('34x26')
});*/代码>
添加事件侦听器时,它会将事件作为参数接收,以便您可以获取目标并检查其