javascript - 假路径Javascript问题

Question

当我尝试检索文件路径时，它向我显示如下结果:“C:\fakepath\amine.jpeg”，因此由于该问题，服务器中的上传无法正常工作。

 $('input[type=file]').change(function () {
              var filePath=$('#file-input').val();


         $.ajax({
              url : "{{path('upload_file')}}",
              type : 'POST',
              data: {
                   filePath : filePath,
                   method: 'post',
                   params: {
                       action: "uploadFile"
                   }
               },
              success : function(data, textStatus, jqXHR) {

                alert(data);


              }
          });

             }); 

Answer 1

你做的这一切都是错误的。 您必须创建一个表单对象并通过 $.ajax 发送它。 我假设您已经编写了正确的服务器端代码来保存图像。

    var f =   new FormData();
    f.append('img',document.getElementById("file-input").files[0]);

    var url= "{{Your URL}}";
    $.ajax({
        url: url,
        type:"post",
        data: f,
        dataType:"JSON",
        processData: false,
        contentType: false,
        success: function (data, status)
        {
            console.log(data);
        },
        error: function (data)
        {

          if (data.status === 422) {

                console.log("upload failed");


            } else {
                console.log("upload success");

                }

    });