Javascript 如何通过Web API上传文件（图像）并使用jQuery更新数据？

我正在尝试通过Web API将图像作为头像照片上传到服务器

任何人都可以解释如何通过当前用户id将图像URL插入到数据中

我已经完成了

$.getJSON（url，…

我可以在任何地方阅读并附加它们

我有这样的想法：

用户id=1

/api/图像/上传表单/化身

/api/用户/更新用户信息

1.如何附加图像文件并使用jQuery通过Web API发布？

2.如何重新上传（更新）文件？

 $(document).ready(function (e) {
     $('#upload').on('click', function () {
     var file_data = $('#file').prop('files')[0];
     var form_data = new FormData();
     form_data.append('file', file_data);
     $.ajax({
             url: 'https://myurl/api/images/upload_form/avatar', // point to server-side controller method
             dataType: 'text', // what to expect back from the server
             cache: false,
             contentType: false,
             processData: false,
             data: form_data,
             type: 'post',
             success: function (response) {
                 $('#msg').html(response); // display success response from the server
                 },
             error: function (response) {
                 $('#msg').html(response); // display error response from the server
                 }
           });
     });
});

---

user_id=1对于那些仍像我一样挣扎的新人：

1.如何附加图像文件并使用jQuery通过Web API发布？

正在上载图像，但响应：{'user_id'of undefined}

在发布请求之前，必须从URL获取参数

var urlParams = new URLSearchParams(window.location.search); // current URL 

console.log(urlParams.get('user_id')); // return token id or user id

你所要做的就是：

...
var user_data = urlParams.get('user_id'); // or token
form_data.append('user_id', user_data);
$.ajax({
        url: 'https://myurl/api/images/upload_form/avatar', 
        dataType: 'text', 
        cache: false,
        contentType: false,
        processData: false,
        data: form_data,
        ...

2.如何重新上传（更新）文件？

只需上传另一个文件

---

可能不是这样做的正确方法，但很有效！

对于#1:.对于#2，请求与#1大致相同，但具体的格式和请求类型取决于您调用的API。您使用的是谁的API？“Web API”这是一个泛型term@RoryMcCrossan我已经尝试了这段代码好几天了。我只能返回带有最后一个id的响应，但是用户id没有定义！