资源简介
H+是一个完全响应式,基于Bootstrap3.3.6最新版本开发的扁平化主题,她采用了主流的左右两栏式布局,使用了Html5+CSS3等现代技术,她提供了诸多的强大的可以重新组合的UI组件,并集成了最新的jQuery版本(v2.1.4),当然,也集成了很多功能强大,用途广泛的jQuery插件,她可以用于所有的Web应用程序,如网站管理后台,网站会员中心,CMS,CRM,OA等等,当然,您也可以对她进行深度定制,以做出更强系统。
代码片段和文件信息
using System;
using System.Collections;
using System.Collections.Generic;
using System.Drawing;
using System.Drawing.Imaging;
using System.IO;
using System.Text;
using System.Text.Regularexpressions;
using System.Web;
using Newtonsoft.Json;
/*
温馨提示:
在flash的参数名upload_url中可自行定义一些参数(请求方式:POST),定义后在服务器端获取即可,比如可以应用到用户验证,文件的保存名等。
本示例未作极致的用户体验与严谨的安全设计(如用户直接访问此页时该如何,万一客户端数据不可信时验证文件的大小、类型等),只保证正常情况下无误,请阁下注意。
*/
public partial class Upload : System.Web.UI.Page
{
protected void Page_Load(object sender EventArgs e)
{
Result result = new Result();
result.avatarUrls = new ArrayList();
result.success = false;
result.msg = “Failure!“;
//取服务器时间+8位随机码作为部分文件名,确保文件名无重复。
string fileName = DateTime.Now.ToString(“yyyyMMddhhmmssff“) + CreateRandomCode(8);
//定义一个变量用以储存当前头像的序号
int avatarNumber = 1;
//遍历所有文件域
foreach(string fieldName in Request.Files.AllKeys)
{
HttpPostedFile file = Request.Files[fieldName];
//处理原始图片(默认的 file 域的名称是__source,可在插件配置参数中自定义。参数名:src_field_name)
//如果在插件中定义可以上传原始图片的话,可在此处理,否则可以忽略。
if(fieldName == “__source“)
{
//文件名,如果是本地或网络图片为原始文件名(不含扩展名)、如果是摄像头拍照则为 *FromWebcam
//fileName = file.FileName;
//当前头像基于原图的初始化参数(即只有上传原图时才会发送该数据),用于修改头像时保证界面的视图跟保存头像时一致,提升用户体验度。
//修改头像时设置默认加载的原图url为当前原图url+该参数即可,可直接附加到原图url中储存,不影响图片呈现。
string initParams = Request.Form[“__initParams“];
result.sourceUrl = string.Format(“upload/csharp_source_{0}.jpg“ fileName);
file.SaveAs(Server.MapPath(result.sourceUrl));
result.sourceUrl += initParams;
/*
可在此将 result.sourceUrl 储存到数据库,如果有需要的话。
*/
}
//处理头像图片(默认的 file 域的名称:__avatar123...,可在插件配置参数中自定义,参数名:avatar_field_names)
else if (fieldName.StartsWith(“__avatar“))
{
string virtualPath = string.Format(“upload/csharp_avatar{0}_{1}.jpg“ avatarNumber fileName);
result.avatarUrls.Add(virtualPath);
file.SaveAs(Server.MapPath(virtualPath));
/*
可在此将 virtualPath 储存到数据库,如果有需要的话。
*/
avatarNumber++;
}
/*
else
{
如下代码在上传接口Upload.aspx中定义了一个user=xxx的参数:
var swf = new fullAvatarEditor(‘swf‘ {
id: ‘swf‘
upload_url: ‘Upload.aspx?user=xxx‘
});
在此即可用Request.Form[“user“]获取xxx。
}
*/
}
result.success = true;
result.msg = “Success!“;
//返回图片的保存结果(返回内容为json字符串,可自行构造,该处使用Newtonsoft.Json构造)
Response.Write(JsonConvert.Serializeobject(result));
}
///
/// 生成指定长度的随机码。
///
private string CreateRandomCode(int length)
{
string [] codes = new string [36] { “0“ “1“ “2“ “3“ “4“ “5“ “6“ “7“ “8“ “9“ “A“ “B“ “C“ “D“ “E“ “F“ “G“ “H“ “I“ “J“ “K“ “L“ “M“ “N“ “O“ “P“ “Q“ “R“ “S“ “T“ “U“ “V“ “W“ “X“ “Y“ “Z“ };
StringBuilder randomCode = new StringBuilder();
Random rand = new Random();
for ( int i =0; i < length; i++ )
{
randomCode.Append(codes [rand.Next(codes.Length)]);
}
return randomCode.ToString();
}
///
/// 表示图片的上传结果。
///
private struct Result
{
///
/// 表示图片是否已上传成功。
///
属性 大小 日期 时间 名称
----------- --------- ---------- ----- ----
目录 0 2017-12-27 09:35 Hplus-v.4.1.0\
文件 1701 2015-12-21 12:39 Hplus-v.4.1.0\404.html
文件 1487 2015-12-21 12:39 Hplus-v.4.1.0\500.html
目录 0 2017-12-27 09:35 Hplus-v.4.1.0\__MACOSX\
目录 0 2017-12-27 09:35 Hplus-v.4.1.0\__MACOSX\css\
文件 120 2015-12-22 09:00 Hplus-v.4.1.0\__MACOSX\css\._.DS_Store
目录 0 2017-12-27 09:35 Hplus-v.4.1.0\__MACOSX\docs\
文件 120 2015-12-15 16:58 Hplus-v.4.1.0\__MACOSX\docs\._.DS_Store
目录 0 2017-12-27 09:35 Hplus-v.4.1.0\__MACOSX\img\
文件 120 2015-12-21 11:33 Hplus-v.4.1.0\__MACOSX\img\._.DS_Store
文件 381 2015-12-21 11:32 Hplus-v.4.1.0\__MACOSX\img\._pay.png
目录 0 2017-12-27 09:35 Hplus-v.4.1.0\__MACOSX\js\
文件 120 2015-12-21 12:28 Hplus-v.4.1.0\__MACOSX\js\._.DS_Store
目录 0 2017-12-27 09:35 Hplus-v.4.1.0\__MACOSX\js\plugins\
文件 120 2015-12-21 12:28 Hplus-v.4.1.0\__MACOSX\js\plugins\._.DS_Store
目录 0 2017-12-27 09:35 Hplus-v.4.1.0\__MACOSX\js\plugins\bootstrap-table\
文件 120 2015-12-21 12:28 Hplus-v.4.1.0\__MACOSX\js\plugins\bootstrap-table\._.DS_Store
目录 0 2017-12-27 09:35 Hplus-v.4.1.0\__MACOSX\js\plugins\echarts\
文件 120 2015-12-21 12:05 Hplus-v.4.1.0\__MACOSX\js\plugins\echarts\._.DS_Store
文件 222 2015-12-21 12:39 Hplus-v.4.1.0\__MACOSX\js\plugins\echarts\._echarts-all.js
目录 0 2017-12-27 09:35 Hplus-v.4.1.0\__MACOSX\js\plugins\la
文件 120 2015-12-21 12:28 Hplus-v.4.1.0\__MACOSX\js\plugins\la
文件 222 2015-11-04 17:10 Hplus-v.4.1.0\__MACOSX\js\plugins\la
文件 222 2015-12-21 12:39 Hplus-v.4.1.0\__MACOSX\js\plugins\la
目录 0 2017-12-27 09:35 Hplus-v.4.1.0\__MACOSX\js\plugins\la
文件 222 2015-12-21 12:39 Hplus-v.4.1.0\__MACOSX\js\plugins\la
目录 0 2017-12-27 09:35 Hplus-v.4.1.0\__MACOSX\js\plugins\suggest\
文件 120 2015-12-21 11:28 Hplus-v.4.1.0\__MACOSX\js\plugins\suggest\._.DS_Store
文件 222 2015-12-21 12:39 Hplus-v.4.1.0\__MACOSX\js\plugins\suggest\._bootstrap-suggest.min.js
文件 222 2015-12-21 12:39 Hplus-v.4.1.0\__MACOSX\js\plugins\suggest\._data.json
目录 0 2017-12-27 09:35 Hplus-v.4.1.0\__MACOSX\js\plugins\webuploader\
............此处省略886个文件信息
- 上一篇:html网页设计大作业
- 下一篇:HTML后台管理静态模板
相关资源
- 常规验证码、滑动验证码、拼图验证
- 40个H5小游戏完整源码挺好玩的
- html5 头像上传带裁切功能
- 前端项目-material-design-lite.zip
- h5校验身份证号码
- H5和html、mui等前端百度ORC识别身份证
- 微信公众号H5游戏平台完整几十款游戏
- 生日快乐网页模版html5
- 模仿天猫前端
- HTML+CSS+JS构建的电商网站页面源码
- 基于web前端手工艺网站开发论文
- HTML5坦克大战网页版
- Apple官网html+css实现.zip
- html实现微博 朋友圈数据库前端界面
- web 前端开发技术 储久良
- 仿京东前端页面
- html5bootstrap实现博客系统前端页面
- 购物商城前端
- HTML5 个人简历模板
- 装修公司网站HTML前端源码
- Ace Admin 前端ui模板修改版
- APP点餐系统HTMLJSCSS,H5。DEMO
- 优美的html模板,包含完整的前端后台
- HTML网页练习之努比亚官网模仿制作
- 手机淘宝H5版交互设计规范
- 淘客返利前端源码粉象生活源码花生
- 仿京东商城H5移动端首页
- 前端面试题大全
-
HTML+CSS+ja
vasc ript前端模板 - 旅游景区介绍网站html整站
评论
共有 条评论