This is a React component to convert image to base64 string. Leveraging Material UI Button upload. Credit goes to: https://gist.github.com/wambuguedison/a195f73f118dcae977e41aa5fbef1899

```
import Button from "@material-ui/core/Button";

class ImageConverter extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      files: []
    };
    this.convert = this.convert.bind(this);
  }

  convert(e) {
    // check max. file size is not exceeded
    // size is in bytes
    if (files[0].size > 2000000) {
      console.log("File too large");
      return;
    }
    var reader = new FileReader();
    reader.readAsDataURL(e.target.files[0]);

    reader.onload = () => {
      console.log(reader.result); //base64encoded string
    };
    reader.onerror = error => {
      console.log("Error: ", error);
    };
  }
  render() {
    return (
      <>
        <input
          accept="image/*"
          style={{
            display: "none"
          }}
          id="button-file"
          type="file"
          onChange={this.convert}
        />
        <label htmlFor="button-file">
          <Button
            variant="contained"
            color="primary"
            component="span"
          >
            Add Additional Images
          </Button>
        </label>
      </>
    );
  }
}

export default ImageConverter;
```
นี่คือองค์ประกอบ React เพื่อแปลงรูปภาพเป็นสตริง base64 การใช้ประโยชน์จากการอัปโหลดปุ่ม Material UI เครดิตไปที่: https://gist.github.com/wambuguedison/a195f73f118dcae977e41aa5fbef1899 ``` ปุ่มนำเข้าจาก "@material-ui/core/Button"; คลาส ImageConverter ขยาย React.Component { ตัวสร้าง (อุปกรณ์ประกอบฉาก) { super (อุปกรณ์ประกอบฉาก); this.state = { ไฟล์: [] }; this.convert = this.convert.bind (สิ่งนี้); } แปลง (e) { // ตรวจสอบสูงสุด ขนาดไฟล์ไม่เกิน // ขนาดเป็นไบต์ถ้า (files[0].size > 2000000) { console.log("ไฟล์ใหญ่เกินไป"); กลับ; } var reader = ใหม่ FileReader(); reader.readAsDataURL(e.target.files[0]); reader.onload = () => { console.log (reader.result); //สตริงที่เข้ารหัส base64 }; reader.onerror = error => { console.log ("ข้อผิดพลาด: ", ข้อผิดพลาด); }; } render() { return ( <> <input Accept="image/*" style={{ display: "none" }} id="button-file" type="file" onChange={this.convert} /> <label htmlFor="button-file"> <Button Variant="contained" color="primary" component="span"> เพิ่มรูปภาพเพิ่มเติม </ปุ่ม> </label> </> ); } } ส่งออก ImageConverter เริ่มต้น; ```
spam fails_task lang_mismatch pii not_appropriate hate_speech sexual_content quality toxicity humor helpfulness creativity violence