How to edit an image file in a form?

Uncaught DOMException: Failed to set the 'value' property on 'HTMLInputElement': This input element accepts a filename, which may only be programmatically set to the empty string.

<label for="file">Profile Photo:</label>
        <input type="file" name="image" id="image" onChange={this.uploadFile}>
        <br><br>

Select allOpen in new window

$(document).ready(() => {
    $(document).on('click', '.edit', function (e) {
      e.preventDefault();
      $("#insertD").hide();
      $("#insertE").show();
      $("#stationForm")[0].reset();
      $("#stationForm").attr({
        action: $(e.target).attr("href"),
        //action: "/station", // PATH TO POST NEW STATION DATA ?
        method: "PUT"
      });
      var value = $(event.target).closest("div").find("input:hidden").val();
      value = JSON.parse(value);

      $("#store", "#modalStationForm").val(value.Station);
      $("#image", "#modalStationForm").val(value.Image);
      $("#location", "#modalStationForm").val(value.Address);
      $("#sales", "#modalStationForm").val(value['Monthly C-Store Sales']);
      $("#dealer", "#modalStationForm").val(value.Operator);
      $("#topitem", "#modalStationForm").val(value['Top SKU']);
      $("#id", "#modalStationForm").val(value.ID);
      $("#modalStationForm")
        .dialog("option", "title", "Editing Station")
        .dialog("open");
    });
    
    $('#insertE').click((event) => {
    //$("#stationForm", "#modalStationForm").on("submit", function (event)  
      //$("#stationForm").on("submit", function (event) {
      event.preventDefault();
      //var methodToUse = $(this).attr("method"); // PUT
      //var url = $(this).data("url");
     
      /*
      var data = {
        station: $("#store", "#modalStationForm").val(),
        address: $('#location', "#modalStationForm").val(),
        monthlycstoresales: $('#sales', "#modalStationForm").val(),
        operator: $('#dealer', "#modalStationForm").val(),
        topsku: $('#topitem', "#modalStationForm").val(),
        id: $('#id', "#modalStationForm").val()
      };
      */
    
         var data = JSON.stringify({
     
        station: $("#store", "#modalStationForm").val(),
        image: $("#image", "#modalStationForm").val(),
        address: $("#location", "#modalStationForm").val(),
        monthlycstoresales: $("#sales", "#modalStationForm").val(),
        operator: $("#dealer", "#modalStationForm").val(),
        topsku: $("#topitem", "#modalStationForm").val(),
        id: $("#id", "#modalStationForm").val()
       
      });

      var you = $(location).attr('href');
      var me = window.location.href;
      //console.log(you);
      
      $.ajax({
        
        url:'/edit/' + $('#id', "#modalStationForm").val(),
        
        //url: $(this).attr("action"),
        //url:'http://localhost:5000/edit/3',
        //url:'http://localhost:5000/station', wrong url 404 message
        data: data,
        dataType : "JSON",
        contentType: "application/json",
        method: "PUT",
        success: (data) => {
          alert('Record successfully edited')
          console.log(data);
          console.log('you and me');
          console.log(me);
          //console.log(url);
          //alert(url);
          $("#modalStationForm").dialog("close");
        }
      });
    });
  });

Select allOpen in new window

app.put("/edit/:id", (req, res) => {
	//var sql = "UPDATE stores SET station = ?, address = ?, `Monthly C-Store Sales` = ?,Operator = ?, `Top SKU` = ? WHERE id = 2";

	//var sql = UPDATE `stores` SET `Station` = 'Baillou Hill', `Address` = '564 Jackson Ave.', `Monthly C-Store Sales` = '800', `Operator` = 'Marla Pikes', `Top SKU` = 'Burgers' WHERE `stores`.`ID` = 2;

	//var sql = UPDATE `stores`
	//SET `Station` = 'Baillou Hill', `Address` = '564 Jackson Ave.', `Monthly C-Store Sales` = '800', `Operator` = 'Marla Pikes', `Top SKU` = 'Burgers', WHERE `ID` = 2;

	//Note: All spaces and special characters have to be removed.
	/*
var query = "UPDATE `stores` SET";
    query += "`station`= '"+req.body.Station+"',";
    query += "`address`= '"+req.body.Address+"',";
    //query += "`monthly c-store sales`= '"+req.body[MonthlyCStoreSales]+"',";
    query += "`operator`= '"+req.body.Operator+"',";
    //query += "`top sku`= '"+req.body.TopSKU+"'";
    //query += " WHERE `id`= 3";
    query += " WHERE `id`= "+ req.query.ID+"";
*/

	station = req.body.station;
	image = req.file.path;
	//image = req.files.image;
	address = req.body.address;
	monthlycstoresales = req.body.monthlycstoresales;
	operator = req.body.operator;
	topsku = req.body.topsku;
	//id = req.params.ID;
	id = req.body.id;

	console.log(req.body);

	var sql =
		"UPDATE stores SET `station` = ?, `image` = ?, `address` = ?, `monthly c-store sales` = ?,`operator` = ?, `top sku` = ? WHERE `id` = ?";

	/*
  db.query(query,(err, results) => {
  */

	//db.query(sql, [station, address, monthlycstoresales, operator, topsku, id], (err, results, field) => {

	db.query(
		sql,
		[
			req.body.station,
			req.file.path,
			//req.files.image,
			req.body.address,
			req.body.monthlycstoresales,
			req.body.operator,
			req.body.topsku,
			req.body.id
		],
		(err, results, field) => {
			let message = {};
			if (results !== null) {
				console.log("results is not null");
				message.status = "OK";
			} else {
				console.log("results is null");
				message.status = "KO"; // ?
			}

			if (sql !== null) {
				console.log("sql is not null");
			} else {
				console.log("sql is null");
			}

			if (req.body.station !== null) {
				console.log("req.body is not null");
			} else {
				console.log("req.body is null");
			}

			if (req.body.station !== undefined) {
				console.log("req.body.Station is not undefined");
			} else {
				console.log("req.body.Station is undefined");
			}

			if (results !== undefined) {
				console.log("results is not undefined");
			} else {
				console.log("results is undefined");
			}

			if (sql !== undefined) {
				console.log("sql is not undefined");
			} else {
				console.log("sql is undefined");
			}

			if (err) {
				console.log(err);
				res.sendStatus(500);
				return callback(rows);
			} else {
				//console.log(req.body.station);
				//res.redirect("/alldata");
				//res.send(rows);
				message.results = results;
				//res.send(message);
				res.send(results);
			}
		}
	);
});

Select allOpen in new window