本文目录一览：
web前端上传图片的几种方法
主要有三种放射式。通过css文件来引入。通过img 标签来引入，在src属性里面写上图片地址即可。通过设置background来引入图。
第二种：使用formData上传。用js构造form表单的数据，简单高效，但最低只兼容IE10，所以需要兼容IE9的童鞋们就略过这个方法吧。
使用ajax提交首先引入jquery-form.js文件才能实现，接着使用上面的html代码，加入以js则可以实现ajax提交文件。
实现表单与文件的关联。 用户选择图片后，前端使用FileReader()对象将其转换成base64地址，只在前端进行图片预览。表单提交时，将base64转换成file文件，先上传图片，再提交表单。
用js、jquery如何实现上传图片的预览
引入资源 使用Web Uploader文件上传需要引入三种资源：JS， CSS， SWF。
jQuery File Upload是上传文件的一个插件，不一定是图片，所以里面没做预览的支持。
本地预览肯定是不行的，这是浏览器出于安全考虑的限制。不过可以使用伪ajax见把图片上传到服务器，然后在预览。
1， tapmodo / Jcrop Jcrop是人气最高的图片裁剪jQuery插件，stars数量2k+，功能非常丰富，文档齐全，首选。Github.com官网也使用了这个插件。有一个小细节是，边框线的蚂蚁线是动画的，真的很用心。-js图片上传插件
最近做一套手机商城页面，在退款申请页面有上传图片显示缩略图的功能，以前没有做过这个，所以整理了一下。
上传照片,并且马上能预览到缩略图,这用的是哪个js插件?
1、$img = $li.find(img)； // $list为容器jQuery实例 $list.append( $li )； // 创建缩略图 // 如果为非图片文件，可以不用调用此方法。-js图片上传插件
2、首先排除空值或相同值的情况，再执行_show程序进行显示预览，其中_data属性用来保存当前的图片数据。图片使用data uri数据时可能会设置一个很大的src值，在ie8获取很大的src值会出现“无效指针”的错误。-js图片上传插件
3、您好：效果我感觉应该是和淘宝的宝贝页面差不多的吧？下面是小图，然后点击后上面换成对应的大图。思路：上面默认加载时候加载第一张大图，下面加载出所有的小图。
4、所谓的缩略图其实就是设置了一个长宽小点的去存放这张图片，在的点击事件中再去更改它的长宽达到放大效果，当然这样可能会打乱页面布局，所以你可以做成像QQ空间那样，点击图片后利用遮罩层显示放大的图片。
5、判断文件类型：当用户选择了一个图片文件时，希望他能马上看到这张图片的缩略图，以便他能确认没有把自己的光屁股照片当作头像传到服务器上^_^。
