本文由 发布，转载请注明出处，如有问题请联系我们！ 发布时间: 2021-08-01ajax提交图片上传-ajax上传图片到服务器操作
加载中应用情况如下所示:上传照片时，开发人员应用的上传照片的方法是Iframe 传统式http post。而且沒有创建统一的提交作用。
所以我突发奇想改了编码。我觉得用ajax多线程上传照片。此项技术性应该是十分落伍的。因此我立即开启强劲的cnblogs (Blog Park)，轻轻松松找到本文，立即把创作者的劳动所得“拿来主义”了。编码迅速就被彻底更改了。可是当我将程序流程公布到远程服务器，那么问题来了。文件上传失效！出汗~是懒散的結果。再次开启以前引入的文章内容。创作者表述说只有在当地应用，不可以公布到网络服务器。在想，我一定要用iframe http post这类压抑感的方法吗？？
因此不甘，打开了更强悍的Google，逐渐全世界检索找寻解决方法，最终勤奋协助这些协助自身的人。我找到了“jquery.form.js”。
多线程上传照片的流程如下所示:
1.参照jquery js框架(这个东西的益处无需探讨)，随后参照“jquery.form.js”。
2.创建一般生产加工程序流程。
关键编码如下所示:
html:
依照下列流程复制代码:
type="text/javascript " >
type="text/javascript " >
$(function(){ 0
//上传照片。
$(“# btnUpload”)。点击(涵数(){ 0
if ($("#flUpload ")。val()= = " "){ 0
提示(“挑选一个图片文件，随后点击提交。”);
回到；
}
$('#UpLoadForm ')。Ajax Submit({ 0
取得成功:涵数(html，情况){ 0
var result = html.replace(“”，“”)；
result = result.replace("，" ")；
$(“# image”)。attr('src '，結果)；
报警(結果)；
}
});
});
});
Ashx如下所示:
依照下列流程复制代码:
类名TestMvc。效应
{
///
PicUploadHander的引言叙述
///
公共性类picuploadander:IHttpHandler
{
public void process request(HttpContext前后文)
{
情境。response . ContentType = " text/plain "；
//认证提交管理权限TODO。
string _ fileNamePath =
试着
{
_fileNamePath =前后文。要求文档[0]。文件夹名称；
//逐渐提交。
string _ savedfileeresult = UpLoadImage(_ fileNamePath，context)；
情境。回应.载入(_ savedfilereresult)；
}
捕获
{
情境。回应.写(“提交递交不正确”)；
}
}
留意:全部提交应用ajax多线程数据信息，提交取得成功后jquery回调函数照片在网络服务器上的绝对路径。一般来说，这类方式比传统式的上传照片的方法更强。
