1.有个图片
<img id="Image1" title="用于广告栏及图文框缩略图" width="150" height="100" />
2.存储路径
<asp:HiddenField ID="HiddenField_Image1" runat="server" />
3.初始化js
<script type="text/javascript" src="Scirpt/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="Scirpt/ajaxupload.js"></script>
$(function () {
var hidimg = document.getElementById("HiddenField_Image1");
var btnImg = document.getElementById("Image1");
uploadFile(btnImg, hidimg);
});
4.上传代码
function uploadFile(btn, hidimg) {
var button = btn;
new AjaxUpload(button, {
action: 'TTHandler.ashx',
data: {},
name: 'myfile',
onSubmit: function (file, ext) {
if (!(ext && /^(jpg|JPG|png|PNG|gif|GIF)$/.test(ext))) {
alert("您上传的图片格式不对,请重新选择!");
return false;
}
},
// 开始上传文件
onSubmit: function (file, extension) {
$("#state").val("正在上传" + file + "..");
},
// 上传完成之后
onComplete: function (file, result) {
var remsg = result.split("|");
var name = remsg[1].split("\/");
if (remsg[0] == "1") {
$(btn).attr("src", remsg[1]);
$(hidimg).val(remsg[1]);
$("#state").val("上传成功..");
} else {
$.messager.alert("提示", remsg[2]);
}
}
});
}
完整下载路径
http://download.csdn.net/detail/jine515073/9436752
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步