put ajax 文件上传_ajax.put传值：示例代码

put ajax 文件上传是一种通过使用ajax技术实现文件上传的方法。在传统的文件上传中，我们通常使用form表单的方式提交文件，而使用ajax进行文件上传可以在不刷新页面的情况下实现文件的异步上传。

在使用put ajax进行文件上传时，我们需要使用FormData对象来存储要上传的文件数据。FormData对象是一种用于构造表单数据的对象，它可以将表单数据以键值对的形式存储起来。在文件上传中，我们可以通过append()方法将文件添加到FormData对象中。

接下来，我们需要创建一个XMLHttpRequest对象，并通过open()方法指定请求的方法和URL。对于put请求，我们需要指定请求的方法为"PUT"，并将文件的URL作为请求的URL。然后，我们需要设置请求头部信息，将Content-Type设置为"application/x-www-form-urlencoded"，并通过setRequestHeader()方法进行设置。

在send()方法中，我们将FormData对象作为参数传入，发送请求。在上传过程中，我们可以通过监听XMLHttpRequest对象的progress事件来获取上传进度信息。

以下是一个使用put ajax进行文件上传的示例代码：

// 创建FormData对象
var formData = new FormData();
// 添加要上传的文件
formData.append("file", file);
// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 指定请求的方法和URL
xhr.open("PUT", "uploadUrl");
// 设置请求头部信息
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
// 监听上传进度
xhr.upload.addEventListener("progress", function(event) {
  if (event.lengthComputable) {
    var percentComplete = event.loaded / event.total * 100;
    console.log("上传进度：" + percentComplete + "%");
  }
});
// 发送请求
xhr.send(formData);

在上述示例代码中，我们首先创建了一个FormData对象，并通过append()方法将要上传的文件添加到FormData对象中。然后，我们创建了一个XMLHttpRequest对象，并通过open()方法指定了请求的方法和URL。接下来，我们通过setRequestHeader()方法设置了请求头部信息。我们通过send()方法发送了请求。在上传过程中，我们通过监听XMLHttpRequest对象的progress事件来获取上传进度信息，并在控制台打印出上传进度。