通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法
2015-10-01 00:00
1131 查看
项目需求:如何通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端
题主用jquery接收
<input name="c_pic" id="c_pic" type="file" class="file">
用的方法是:
var input = document.getElementById("c_pic"); input.addEventListener('change',readFile,false); function readFile(){ var file = this.files[0]; }
题主想用ajax 的post方法把上传图片的相关信息传给后端,接收到的file是个object file,请问怎么转换成能够用post传递的数据格式?
当时我看到这个题目就想这还不简单,直接把file通过JSON.stringify(file)(注:stringify()用于从一个对象解析出字符串),代码如下:
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); }
发现打印出来的是一个空的对象:{};有知道的麻烦告知,感激不尽!
于是换了一种思路用uploadfile插件或百度的webuploader,其中jQuery File Upload 是一个Jquery图片上传组件,支持多文件上传、取消、删除,上传前缩略图预览、列表显示图片大小,支持上传进度条显示;支持各种动态语言开发的服务器端。
如果支持html5,可以使用FormData Ajax上传也能实现的。
以上内容就是小编给大家分享的通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法,希望对大家有所帮助。
相关文章推荐
- 谈谈JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string)
- Ember.js 入门指南——异步路由
- JS原生Date类型方法
- js截断过长字符串为省略号算法
- JavaScript实现类的private、protected、public、static以及继承
- 菜鸟学JS(六)——JS在文本域光标位置插入文本
- js中的json处理
- javascript 学习备忘(三)
- js跨域访问的一个helloworld程序
- JS函数定义方式
- JavaScript高级程序设计之函数表达式之模仿块级作用域第7.3讲笔记
- Javascript高级程序设计第22章(高级技巧)
- JavaScript高级程序设计之函数表达式之闭包之内存泄漏第7.2.3讲笔记
- JavaScript高级程序设计之函数表达式之闭包之关于 this 对象第7.2.2讲笔记
- JavaScript高级程序设计之函数表达式之闭包之闭包与变量第7.2.1讲笔记
- 函数多层执行
- js学习注意知识
- js函数对象的总结
- JS生成随机的由字母数字组合的字符串
- Js自定义属性