通过js获取上传的图片信息（临时保存路径，名称，大小）然后通过ajax传递给后端的方法

获取上传的图片信息并通过ajax传递给后端，可以分为以下几个步骤：

1. 添加文件选择控件

在HTML页面中，添加一个文件选择控件，让用户可以选择要上传的图片文件。示例代码如下：

<input type="file" id="file-input">

1. 监听文件选择事件

使用JavaScript监听文件选择控件的change事件，获取用户选择的文件，然后进行相应的处理。示例代码如下：

const fileInput = document.getElementById('file-input');
fileInput.addEventListener('change', function() {
  const file = fileInput.files[0]; // 获取用户选择的文件
  // 进行图片信息获取和传递的操作
});

1. 获取图片信息

使用File API可以获取到上传的图片信息，包括图片的名称、大小、临时路径等。示例代码如下：

const fileInput = document.getElementById('file-input');
fileInput.addEventListener('change', function() {
  const file = fileInput.files[0]; // 获取用户选择的文件
  const reader = new FileReader();
  reader.readAsDataURL(file); // 阅读器上传文件
  reader.onload = function() {
    const img = new Image();
    img.src = reader.result;
    console.log('上传的图片信息：');
    console.log('名称：', file.name);
    console.log('大小：', file.size);
    console.log('临时路径：', img.src);
    // 可以通过ajax将图片信息传递到后端服务器
  };
});

1. 通过ajax传递图片信息

最后，可以使用ajax将图片信息传递到后端服务器，后端服务器可以接收到图片信息并进行相应处理。示例代码如下：

const fileInput = document.getElementById('file-input');
fileInput.addEventListener('change', function() {
  const file = fileInput.files[0]; // 获取用户选择的文件
  const reader = new FileReader();
  reader.readAsDataURL(file); // 阅读器上传文件
  reader.onload = function() {
    const img = new Image();
    img.src = reader.result;
    console.log('上传的图片信息：');
    console.log('名称：', file.name);
    console.log('大小：', file.size);
    console.log('临时路径：', img.src);

    // 通过ajax将图片信息传递到后端服务器
    const xhr = new XMLHttpRequest();
    xhr.open('POST', '/upload', true);
    xhr.setRequestHeader('content-type', 'application/json');
    xhr.onreadystatechange = function() {
      if (xhr.readyState === 4 && xhr.status === 200) {
        console.log(xhr.responseText);
      }
    };
    const data = {
      name: file.name,
      size: file.size,
      tempPath: img.src
    };
    xhr.send(JSON.stringify(data));
  };
});

以上就是通过JavaScript获取上传的图片信息并通过ajax传递给后端的方法的完整攻略，希望对你有帮助。