知乐空间

ajax提交图片上传

使用场景是这样的: 在进行图片上传的时,开发人员使用的上传图片方式是Iframe + 传统的 http post 来处理的。而且未建立统一上传函数。

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

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

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

1.引用 jquery js 框架(这东西的好处无需多论)后再引用 “jquery.form.js”。

2.建立一般处理程序 ashx。

核心代码如下:

html:

复制代码 代码如下:

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

留言与评论(共有 0 条评论)
验证码: