Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/453.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
我无法使用addEventListener Javascript/Jquery将参数传递给函数_Javascript_Jquery - Fatal编程技术网

我无法使用addEventListener Javascript/Jquery将参数传递给函数

我无法使用addEventListener Javascript/Jquery将参数传递给函数,javascript,jquery,Javascript,Jquery,我正在用BASE64做一个图像验证程序,在向函数传递参数时遇到了问题 使用纯javascript和类型更改的事件,并且不使用函数的参数,可以正确执行该函数。但是当传递一个参数时,它会完全下降 我还尝试使用jquery来处理“更改”,但也没有成功 我留下了运行良好的代码,并对参数进行了注释 新建:我已将函数作为回调传递,但现在返回值​​请勿输入 //以这个图像为例https://i.imgur.com/GxUIEH2.png 函数validFile(parameter){//如果将change与

我正在用BASE64做一个图像验证程序,在向函数传递参数时遇到了问题

使用纯javascript和类型更改的事件,并且不使用函数的参数,可以正确执行该函数。但是当传递一个参数时,它会完全下降

我还尝试使用jquery来处理“更改”,但也没有成功

我留下了运行良好的代码,并对参数进行了注释


新建:我已将函数作为回调传递,但现在返回值​​请勿输入

//以这个图像为例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')
});*/


添加事件侦听器时,它会将事件作为参数接收,以便您可以获取目标并检查其