ajax 上传图片 并预览

本文介绍了一种使用Ajax进行文件上传的方法,并展示了如何在网页上预览已上传的图片。通过JavaScript实现文件选择更改事件,利用Ajax提交文件到服务器并获取返回的数据,然后显示图片。


 <img {if !$article[pic]}style="display: none"{/if} width="82" height="60" src="../attach/$article[pic]" id="pic"> 

$(function () {
var files = $(".files");
$("#fileupload").wrap("

");
$("#fileupload").change(function(){
$("#myupload").ajaxSubmit({ dataType: 'json', success: function(data) { $("#pic").css("display","block"); $("#pic").attr("src","../attach/"+data);$("#pic_name").val(data); },
error:function(xhr){alert("错误")}
});
});
});

转载于:https://www.cnblogs.com/liu201312/p/4583438.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值