Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.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
Javascript 在尝试传递映像时,preventDefault不是函数错误_Javascript_Image_Reactjs - Fatal编程技术网

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)不是事件,因此没有事件属性您没有在那里传递事件。还将事件与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