微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jQuery Ajax File Upload实例源码

本文实例为大家分享了jQuery Ajax File Upload实例源码,供大家参考,具体内容如下

项目结构

Default.aspx Upload.aspx Scripts/… style.css

效果

客户端HTML代码

rush:xhtml;"> <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="UploadFile.aspx.vb" Inherits="Web.UploadFile" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
<html xmlns="http://www.w3.org/1999/xhtml"&gt;
<head runat="server">

Box name: 'uploadfile',onSubmit: function (file,ext) { if (!(ext && /^(jpg|png|jpeg|gif)$/.test(ext))) { // check for valid file extension status.text('Only JPG,PNG or GIF files are allowed'); return false; } status.text('Uploading...'); },onComplete: function (file,response) { //On completion clear the status status.text(''); //Add uploaded file to list if (response === "success") { $('
  • ').appendTo('#files').html('
    ' + file).addClass('success'); } else { $('
  • ').appendTo('#files').text(file).addClass('error'); } } }); });

    // --></mce:script>

    Upload File

      服务端处理代码Upload.aspx

      rush:csharp;"> using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls;

      namespace JqueryAjaxUploadTest
      {
      public partial class Upload : System.Web.UI.Page
      {
      protected void Page_Load(object sender,EventArgs e)
      {
      try
      {
      HttpPostedFile hpfFile = Request.Files["uploadfile"];
      hpfFile.SaveAs(Server.MapPath("~/uploads/") + hpfFile.FileName);
      Response.Write("success");
      }
      catch (Exception)
      {

          Response.Write("fail"); 
        } 
      } 

      }
      }

      以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

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

      相关推荐