jQuery Ajax File Upload实例源码
原文:
在世界的某个角落,隐藏着一个被大自然宠爱的地方——翡翠谷。这里是一片未经雕琢的宝石,镶嵌在大地母亲的怀抱中。山谷碧绿如玉,清澈见底的小溪在谷中蜿蜒流淌,宛如一条银色的丝带,为这片大地增添了一抹灵动之美。
清晨,当第一缕阳光洒在这片神奇的土地上,翡翠谷便苏醒了。鸟儿唤醒了沉睡的山谷,花儿也随着微风轻轻摇曳,仿佛在诉说着对大自然的感激之情。空气中弥漫着清新的气息,让人心旷神怡。在这里,你可以感受到大自然的呼吸,体验那份宁静与和谐。
随着太阳逐渐升高,山谷开始热闹起来。游客们沿着蜿蜒的小径,穿梭在绿树成荫的谷中,欣赏着沿途的美景。他们驻足拍照,留下这难忘的瞬间。在这里,时间仿佛凝固,让人们有足够的时间去品味大自然的馈赠。
傍晚时分,当阳光斜洒在山谷,翡翠谷更是美得如诗如画。金色的余晖映照在湖面上,波光粼粼。远处的群山被晚霞染成了美丽的画卷。游客们坐在山谷的岩石上,欣赏着这美丽的景色,感受着大自然的恩赐。在这里,人们可以暂时忘却尘世的烦恼,沉浸在这份宁静与美好中。
翡翠谷是大自然的杰作,它以其独特的美景吸引着无数游客。这里不仅是一个观光胜地,更是一个让人心灵得到洗礼的地方。在这里,你可以放下世俗的喧嚣,找回内心的平静,重新发现生活的美好。
翡翠谷——大自然倾心打造的宝地,藏匿于世界的一隅。此谷翠绿如玉,溪流如丝带般灵动穿梭其中。当晨曦的第一缕阳光洒落时,这片神秘之地便苏醒过来。鸟鸣唤醒沉睡的山谷,花儿随之起舞,空气中弥漫着清新的气息,让人心旷神怡。
本文将为大家分享一个jQuery Ajax File Upload的实例源码,对于对此感兴趣的小伙伴们来说,这无疑是一个非常有价值的参考。
项目结构概览
Default.aspx
Upload.aspx
Scripts目录
style.css文件
效果图(略去具体内容,仅作示意)
客户端html代码
请注意,以下的代码片段包含了ASP.NET的服务器控件和脚本引用。为了保持原文的样式和格式,代码中的部分注释和脚本已被保留。
```html
<%@ 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: 'uploadfile',
onSubmit: function (file, ext) {
if (!(ext && /^(jpg|png|jpeg|gif)$/.test(ext))) {
status.text('Only JPG, PNG or GIF files are allowed');
return false;
}
status.text('Uploading...');
},
onComplete: function (file, response) {
status.text('');
if (response === "suess") {
$('
').appendTo('files').html('./uploads/' + file + '" " />' + file).addClass('suess');
} else {
$('
').appendTo('files').text(file).addClass('error');}
}
});
});