首页 / JQUERY / Jqueryajaxsubmit上传图片实现代码_jquery

Jqueryajaxsubmit上传图片实现代码_jquery

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Jqueryajaxsubmit上传图片实现代码_jquery，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1613字，纯文字阅读大概需要3分钟。

内容图文

而且未建立统一上传函数。于是将代码改造了。心想来个ajax异步上传图片吧，这技术应该很老套了。于是直接打开强大的cnblogs轻松的找到了 这篇文章 直接依葫芦画瓢，将该作者的劳动成果直接“拿来主义了”。很快就把代码全改造了。可是当我把程序发布到服务器上的时问题来了。上传文件失效了！汗～ 都是偷懒造成的恶果。继续打开先前参考的那篇文章。原来作者解释了只能在本地使用而不能发布到服务器上。心想我难道还得用 iframe + http post 这个 郁闷的方式么？？

于是不甘心的我打开了更加强大的google，开始全球搜索寻求解决方案，终于功夫不负有心人。找到了 "jquery.form.js" 。

异步上传图片的步骤如下：

1.引用 jquery js 框架（这东西的好处无需多论）后再引用 “jquery.form.js”。
2.建立一般处理程序 ashx。
核心代码如下：
html:
代码如下:


<script src="<%=Url.Content("~/Scripts/jquery-1.4.1.js") %>" type="text/javascript"></ script>
<script src="<%=Url.Content("~/Scripts/jquery.form.js") %>" type="text/javascript"></ script>
", "");
$("#image").attr('src', result);
alert(result);
}
});
});
});

ashx 如下：
代码如下:

namespace TestMvc.Utility
{
///
/// Summary description for PicUploadHander
///
public class PicUploadHander : IHttpHandler
{

public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
//验证上传的权限TODO
string _fileNamePath = "";
try
{
_fileNamePath = context.Request.Files[0].FileName;
//开始上传
string _savedFileResult = UpLoadImage(_fileNamePath, context);
context.Response.Write(_savedFileResult);
}
catch
{
context.Response.Write("上传提交出错");
}
}

注：整个上传使用ajax 异步数据，同时jquery回调出上传成功后图片在服务器上的相对路径。总的来说此方式相对传统的上传图片方式要强一些。
本例代码在此下载，FireFox 下测试通过。http://xiazai.jb51.net/201011/yuanma/AjaxUploadPic.rar

内容总结

以上是互联网集市为您收集整理的Jqueryajaxsubmit上传图片实现代码_jquery全部内容，希望文章能够帮你解决Jqueryajaxsubmit上传图片实现代码_jquery所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/312854.html

来源：【匿名】