Home >Web Front-end >JS Tutorial >asp.net+jquery.form makes asynchronous image upload function
这次给大家带来asp.net+jquery.form做出图片异步上传功能,asp.net+jquery.form做出图片异步上传功能的注意事项有哪些,下面就是实战案例,一起来看一下。
首先我们需要做准备工作:
jquery 点击此处本站下载。
jquery.form.js 点击此处本站下载。
页面JqueryFormTest.aspx:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="JqueryFormTest.aspx.cs" Inherits="JqueryFormTest" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="JS/jquery-1.8.0.js" type="text/javascript"></script> <script src="JS/jquery.form.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("#btn").click(function () { $("#fm1").ajaxSubmit({ url: "img.ashx", type: "post", success: function (data) { alert(data); //IE显示图片会默认加上<PRE>,着必须要把去除掉才能在低版本ie显示 data = data.replace("
", "").replace("", ""); $("#pimg").append(""); //清空file控件里面的值 var file = $("#btnfile"); file.after(file.clone().val("")); file.remove(); } }); }); })