jQuery Ajax File Upload(附源码)-白红宇

jQuery Ajax File Upload(附源码)

阅读量：4459 次

发布时间：2019-06-08

本文共 1621 字，大约阅读时间需要 5 分钟。

项目结构

Default.aspx

Upload.aspx

Scripts/…

style.css

效果图

客户端html代码

Default.aspx

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

```
        
```

```
$(function () {
```

```
var btnUpload = $('#upload');
```

```
var status = $('#status');
```

```
new AjaxUpload(btnUpload, {
```

```
action: 'Upload.aspx',
```

```
//Name of the file input 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');

```
}
```

```
}
```

```
});
```

```
});
```

```
        
```

```
        
```

```
Upload File
```

```
        
```

```
        
         Upload File
        
```

```
        
```

```
        
```

服务端处理代码Upload.aspx

Default.aspx

```
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");
```

```
}
```

```
}
```

```
}
```

```
}
```

下载地址：

找到文件 jquery ajax file upload(刚刚上传，文件可能还没刷出来)

转载于:https://www.cnblogs.com/psunny/archive/2010/10/21/1857326.html

你可能感兴趣的文章

centos7 update network time

查看>>

装饰模式

查看>>

苹果新的编程语言 Swift 语言进阶（十一）－－实例的初始化与类的析构

查看>>

node.js整理 03文件操作-遍历目录和文本编码

python built-in zip()

查看>>

Android AsynTask更新主界面

查看>>

yii使用CUploadedFile上传文件

查看>>

《redis-php中文参考手册》

查看>>

System.IO.File.Create 不会自动释放，一定要Dispose

查看>>

【LeetCode】【找元素】Find First and Last Position of Element in Sorted Array

查看>>

PHP--y2k38的解决方法已经时间格式的常用转换

WPF 中如何使得DataGrid的Column有鼠标点击相应

查看>>