Очистить поле формы редукции (DatePicker) onclick 'x'

Question

Очистить поле формы редукции (DatePicker) onclick 'x'

First, you should not try to store the image in the database. Because this is not the right method to do. IF you want to then code is.

   <?php
   include("config.php");

  if(isset($_POST['but_upload'])){

   $name = $_FILES['file']['name'];
   $target_dir = "upload/";
   $target_file = $target_dir . basename($_FILES["file"]["name"]);

   // Select file type
   $imageFileType = strtolower(pathinfo($target_file,PATHINFO_EXTENSION));

   // Valid file extensions
   $extensions_arr = array("jpg","jpeg","png","gif");

   // Check extension
   if( in_array($imageFileType,$extensions_arr) ){

    // Convert to base64 
    $image_base64 = base64_encode(file_get_contents($_FILES['file']['tmp_name']) );
    $image = 'data:image/'.$imageFileType.';base64,'.$image_base64;
    // Insert record
    $query = "insert into images(image) values('".$image."')";
    mysqli_query($con,$query);

    // Upload file
    move_uploaded_file($_FILES['file']['tmp_name'],$target_dir.$name);
   }

  }
  ?>

  <form method="post" action="" enctype='multipart/form-data'>
    <input type='file' name='file' />
    <input type='submit' value='Save name' name='but_upload'>
  </form>

Для получения

 $sql = "select image from images where id=1";
 $result = mysqli_query($con,$sql);
 $row = mysqli_fetch_array($result);

 $image_src2 = $row['image'];

 ?>
 <img src='<?php echo $image_src; ?>' >

0

javascript reactjs redux redux-form

задан jake-ferguson 13 July 2018 в 07:28

1 ответ

Другие вопросы по тегам:

javascript reactjs redux redux-form

Похожие вопросы:

score 0 · Answer 1

Похоже, что redux-form-material-ui не дает чистой возможности манипулировать значением поля. Но это предлагает способ выкапывать детей через refs .

В вашем случае это выглядит примерно так:

handleClick() {
    this.refs.dobField          // the Field
      .getRenderedComponent()   // on Field, returns ReduxFormMaterialUIDatePicker
      .getRenderedComponent()   // on ReduxFormMaterialUIDatePicker, returns DatePicker
      .setState({ date: null}); // on DatePicker
}

Вот исходный код DatePicker из библиотеки material-ui (кажется, что redux-form-material-ui использует выпуск 0.x, а не 1.x ).

Предполагая, что у вас есть:

render() {
  return (
    <form>
      ...
      <Field name="dateOfBirth"
             type="text"
             component={DatePicker}
             className={css.fullWidth}
             fullWidth
             formatDate={formatDate}
             withRef // enable the option
             ref="dobField" // name of ref; redux-form-material-ui makes it accessible via this.refs.dobField
/>
      ...
    </form>
  )
}