Javascript 在尝试传递映像时,preventDefault不是函数错误
我正在使用图像裁剪器来裁剪图像。我正在使用下面的库 我已经正确地实现了这一点,我正在使用这个函数获得裁剪的图像Javascript 在尝试传递映像时,preventDefault不是函数错误,javascript,image,reactjs,Javascript,Image,Reactjs,我正在使用图像裁剪器来裁剪图像。我正在使用下面的库 我已经正确地实现了这一点,我正在使用这个函数获得裁剪的图像 handleSave = () => { const img = this.editor.getImageScaledToCanvas().toDataURL(); this.props.croppedImage(img); }; 在这里,我使用道具将裁剪后的图像传递给另一个函数,如下所示 this.props.croppedImage(img); 这就是我实现裁
handleSave = () => {
const img = this.editor.getImageScaledToCanvas().toDataURL();
this.props.croppedImage(img);
};
在这里,我使用道具将裁剪后的图像传递给另一个函数,如下所示
this.props.croppedImage(img);
这就是我实现裁剪器的地方(第二个组件)
onImageImgPoll函数
onImageImgPoll(event) {
event.preventDefault();
let array = this.state.filepoll.slice();
let unq_file = event.target.files[0];
if (event.target.files && event.target.files[0]) {
let reader = new FileReader();
reader.onloadend = (e) => {
array.push(unq_file);
};
reader.readAsDataURL(unq_file);
this.setState({
image: event.target.result,
filepoll: array,
filestar: []
});
}
};
当运行这个代码时,我得到了这个错误
event.preventDefault is not a function
我发现裁剪后的图像是base64格式的。也许这就是问题所在。如何解决此问题?确保已添加
this.onImageImgPoll=this.onImageImgPoll.bind(this)组件构造函数中的code>不是事件,因此没有事件属性您没有在那里传递事件。还将事件与image@JaromandaX我应该如何传递图像?您试图阻止什么事件?您正在传递图像,我认为您对该问题感到困惑
onImageImgPoll(event) {
event.preventDefault();
let array = this.state.filepoll.slice();
let unq_file = event.target.files[0];
if (event.target.files && event.target.files[0]) {
let reader = new FileReader();
reader.onloadend = (e) => {
array.push(unq_file);
};
reader.readAsDataURL(unq_file);
this.setState({
image: event.target.result,
filepoll: array,
filestar: []
});
}
};
event.preventDefault is not a function