qileilove

blog已经转移至github,大家请访问 http://qaseven.github.io/

java 上传图片 浏览完后可见 针对所有浏览器

 需求,图片上传,需要浏览完后就在指定位置显示图片,支持所有浏览器。
  分析,不能只用JS完成,不可能支持所有浏览器,所以只能用后台技术。
  JSP:
<dl class="l UbLeft">
<dt><a href=""><img src="${basePrefix}/images/meh.jpg" id="photo1-img" width="108" height="105" /></a><input type="hidden" id="photo1-val" name="url1" value=""/></dt>
<dd><input type="file" id="photo1" class="Dina l" name="userPic" onchange="uploadUserPicMore(this)"/><a href="javascript:void(0)" onclick="delUpload(1)"><f:message key="member_jsp.jsp.photo.uploadPhoto.jsp.delete" /></a></dd>
</dl>
js:
[html] view plaincopy
function uploadUserPicMore(file){
var id = $(file).attr('id');
$("#loading").ajaxStart(function(){
$(this).show();
}).ajaxComplete(function(){
$(this).hide();
});
$.ajaxFileUpload(
{
url:'/uploadUserPic.html',
secureuri:false,
fileElementId:id,
dataType: 'json',
data:{},
success: function (data)
{
$("#"+id+"-img").attr("src",data.url);
$("#"+id+"-val").val(data.url);
},
error: function (data, status, e)
{
alert(e);
}
}
);
return false;
}



posted on 2013-10-25 11:21 顺其自然EVO 阅读(198) 评论(0)  编辑  收藏


只有注册用户登录后才能发表评论。


网站导航:
 
<2013年10月>
293012345
6789101112
13141516171819
20212223242526
272829303112
3456789

导航

统计

常用链接

留言簿(55)

随笔分类

随笔档案

文章分类

文章档案

搜索

最新评论

阅读排行榜

评论排行榜