通过js获取上传的图片信息（临时保存路径，名称

项目需求：如何通过js获取上传的图片信息（临时保存路径、名称、大小）然后通过ajax传给后端

受试者收到

使用的方法是：

var input = document.getElementById("c_pic");
input.addEventListener('change',readFile,false);
function readFile(){ 
var file = this.files[0]; 
}

题主想用ajax post方法将上传图片的相关信息传递给后端。 接收到的文件是一个文件。 如何将其转换为可以邮寄的数据格式？

当时看到这个题目，我就觉得不容易。 我直接通过JSON.(file)传递文件（注：()用于从对象解析字符串），代码如下：

var input = document.getElementById("c_pic");
input.addEventListener('change',readFile,false);
function readFile(){ 
var file = this.files[0];
var file_json = JSON.stringify(file);
console.log(file_json); //打印出来是: {}
$.post('',file_json);
}

发现打印的对象是一个空对象：{}； 如果有什么不懂的麻烦请告知，非常感谢！

于是我改变主意使用插件或者百度的，其中File是一个图片上传组件，支持多个文件上传、取消、删除、上传前缩略图预览、图片大小列表显示、上传进度条显示； 支持各种动态语言开发的服务器端。

如果支持HTML5，也可以使用Ajax上传来实现。

以上内容就是小编给大家分享的通过js获取上传的图片信息（临时存储路径、名称、大小）然后通过ajax传给后端的方法。 希望对大家有所帮助。