<div class="commodityImg_evaluate">
<div class="ge_pic_icon_Infor">
<img onclick="getElementById(‘file‘).click()" title="点击添加图片" alt="点击添加图片" src="images/tianjia.png">
</div>
<div class="Infor_file">
<input type="file" multiple="multiple" id="file" name=‘img‘ style="height:0;width:0;z-index: -1; position: absolute;" onchange="getPhoto(this)"/>
</div>
</div>
// 调用相册
???function getPhoto(node) { ?
??????var imgURL = ""; ?
???????try{ ?
???????????var file = null; ?
???????????if(node.files && node.files[0] ){ ?
???????????????file = node.files[0]; ?
???????????}else if(node.files && node.files.item(0)) { ?
???????????????file = node.files.item(0); ?
???????????} ?
???????????//Firefox 因安全性问题已无法直接通过input[file].value 获取完整的文件路径 ?
???????????try{ ?
???????????????imgURL = ?file.getAsDataURL(); ?
???????????}catch(e){ ?
???????????????imgRUL = window.URL.createObjectURL(file); ?
???????????} ?
???????}catch(e){ ?
???????????if (node.files && node.files[0]) { ?
???????????????var reader = new FileReader(); ?
???????????????reader.onload = function (e) { ?
???????????????????imgURL = e.target.result; ?
???????????????}; ?
???????????????reader.readAsDataURL(node.files[0]); ?
???????????} ?
???????} ?
???????creatImg(imgRUL); ?
???????return imgURL; ?
???} ?
???function creatImg(imgRUL){ ?
???????var textHtml = "<img src=‘"+imgRUL+"‘/>"; ?
???????$(".myNews_Headportrait").html(textHtml);
???????//uoloadImg();
???????//console.log(imgRUL)
???}
???// 上传图片
???$("#file").change(function(){
????????//创建FormData对象
????????var dataImg = new FormData();
????????//为FormData对象添加数据
????????$.each($(‘#file‘)[0].files, function(i, file) {
????????????dataImg.append(‘img‘, file);
????????});
????????$.ajax({
????????????url:‘‘+url+‘/appupload/upload‘,
????????????type:‘POST‘,
????????????data:dataImg,
????????????cache: false,
????????????contentType: false, ???//不可缺
????????????processData: false, ???//不可缺
????????????success:function(data){
???????????????console.log(data);
???????????????//data = $(data).html();
????????????}
????????});
???});
上传头像
原文地址：http://www.cnblogs.com/weiwentaweb/p/7519977.html