DEV Community

Ali-Waseer
Ali-Waseer

Posted on

How can I change file Key whie sbmiting form data to server

formData.append("uploaded_file_name", value.Upload_Files[0].fileDoc)

the payload like this: name="uploaded_file_name"; filename="AccouApi.pdf" Content-Type: application/pdf

I want like this: name="uploaded_file_name"; uploaded_file_name="AccouApi.pdf" Content-Type: application/pdf

I want repace "filename" with "uploaded_file_name"

                      <input
                              ref={fileInput}
                             //name="uploaded_file_name"
                              type="file"
                              style={{
                                display: "none",
                              }}
                              onChange={(event) => {
                                setFieldValue(
                                  "fileDoc",
                                  event.target.files[0]
                                );
                              }}
                            />
                            <button
                              className={classes.uploadFileBtn}
                              type="button"
                              onClick={() => fileInput?.current?.click()}
                            >
                              <AddIcon
                                style={{
                                  marginRight: "10px",
                                }}
                              />
                              Upload Document
                            </button>
                            <small className={classes.uploadFileText}>
                              {values?.Upload_Files
                                ? values?.Upload_Files[0]?.fileDoc?.name ||
                                  values?.Upload_Files[0]?.uploadDoc?.split("/").pop()
                                :  "No file chosen"}
                            </small>
                            <small className={classes.uploadFileRemovet} onClick={()=>{setFieldValue(
                                  "fileDoc",
                                  ""
                                )}}>
                            <span style={{color: "red"}}> Remove</span>
                            </small>
                          </div>
Enter fullscreen mode Exit fullscreen mode

Top comments (0)