JavaScript / 2022年5月9日 / hamster

<div class="form-group">
    <label for="image">头像</label>
    <input type="file" id="image">
</div>

$.ajax({
     url: '/index.php',
     type: 'post',
     dataType: 'json',
     async: false,
     data:{'image':image},
     success: function (res) {
              
         console.log(res.message);
               
     },
     error: function (res) {
         onsole.log(res);
     }
});

测试结果报错

解决办法

var formData = new FormData();

formData.append('image', image);

$.ajax({
    url: '/index.php',
    type: 'post',
    dataType: 'json',
    async: false,
    processData: false, //必须，禁止将传输数据转换为查询字符串， 默认是允许
    contentType:false,  //必须，修改传输格式，默认类型不具备传输文件的功能
    data: formData,
    success: function (res) {
        console.log(res.message);
    },
    error: function (res) {
        console.log(res);
    }
});

Ajax