资源简介
H+是一个完全响应式,基于Bootstrap3最新版本开发的扁平化主题,她采用了主流的左右两栏式布局,使用了Html5+CSS3等现代技术。让后台开发者也能玩转前端开发。
代码片段和文件信息
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
{
///
/// 表示图片是否已上传成功。
///
属性 大小 日期 时间 名称
----------- --------- ---------- ----- ----
文件 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
文件 12612 2015-12-21 12:39 Hplus-v.4.1.0\agile_board.html
文件 15402 2015-12-21 12:39 Hplus-v.4.1.0\article.html
文件 9260 2015-12-21 12:39 Hplus-v.4.1.0\badges_labels.html
文件 5865 2015-12-21 12:39 Hplus-v.4.1.0\basic_gallery.html
文件 18884 2015-12-21 12:39 Hplus-v.4.1.0\blog.html
文件 6827 2015-12-21 12:39 Hplus-v.4.1.0\blueimp.html
文件 35325 2015-12-21 12:39 Hplus-v.4.1.0\buttons.html
文件 10304 2015-12-21 12:39 Hplus-v.4.1.0\calendar.html
文件 12075 2015-12-21 12:39 Hplus-v.4.1.0\carousel.html
文件 10137 2015-12-21 12:39 Hplus-v.4.1.0\chat_view.html
文件 50515 2015-12-21 12:39 Hplus-v.4.1.0\clients.html
文件 4684 2015-12-21 12:39 Hplus-v.4.1.0\code_editor.html
文件 18123 2015-12-21 12:39 Hplus-v.4.1.0\contacts.html
文件 16080 2015-12-21 12:39 Hplus-v.4.1.0\css_animation.html
文件 6131 2015-12-21 12:39 Hplus-v.4.1.0\diff.html
文件 10106 2015-12-21 12:39 Hplus-v.4.1.0\draggable_panels.html
文件 2364 2015-12-21 12:39 Hplus-v.4.1.0\empty_page.html
文件 17359 2015-12-21 12:39 Hplus-v.4.1.0\faq.html
文件 1150 2015-12-04 18:43 Hplus-v.4.1.0\favicon.ico
文件 21455 2015-12-21 12:39 Hplus-v.4.1.0\file_manager.html
文件 139241 2015-12-21 12:39 Hplus-v.4.1.0\fontawesome.html
文件 58544 2015-12-21 12:39 Hplus-v.4.1.0\form_advanced.html
文件 8430 2015-12-21 12:39 Hplus-v.4.1.0\form_avatar.html
文件 35680 2015-12-21 12:39 Hplus-v.4.1.0\form_basic.html
文件 14784 2015-12-21 12:39 Hplus-v.4.1.0\form_builder.html
文件 8012 2015-12-21 12:39 Hplus-v.4.1.0\form_editors.html
文件 4459 2015-12-21 12:39 Hplus-v.4.1.0\form_file_upload.html
文件 4579 2015-12-21 12:39 Hplus-v.4.1.0\form_markdown.html
............此处省略1807个文件信息
- 上一篇:京东网页代码
- 下一篇:网页音乐播放器 html5 实验报告
相关资源
- Head First HTML CSS中文版
- 40个H5小游戏完整源码挺好玩的
- HTML5+CSS3实现的图片过滤归类应用特效
- HTML5 Canvas圆形气泡网页背景动画特效
- HTML5 Canvas模糊圆点粒子背景动画特效
- HTML5 Canvas透明丝带飘动背景动画特效
- HTML5 Canvas粒子流动爱心形状动画特效
- HTML5 Canvas浮动彩色粒子背景动画特效
- html5 canvas空间粒子移动背景动画特效
- HTML5 Canvas矩阵粒子波浪背景动画特效
- 响应式论坛静态HTML模板
- HTML5高级程序设计(引领下一代Web开发
- html5 头像上传带裁切功能
- Vuejs文件上传组件多文件上传
- HTML5手机移动端头像图片上传裁剪代码
- polyfilll.min.js压缩版
- ht.js html5 canvas2d3d教程手册
- 屏幕取色值工具六种取值pixel/HEX/HTM
- Uploadify HTML5 版 / Jquery上传插件 全JS
- html5全景360
- 开心网游戏简单页面
- 易语言源码-OFFICE文档转换成HTML
- 给markdown生成的html添加左侧边栏目录
- jQuery+CSS3+HTML5催眠怀表摇摆动画特效
- 在线预览文档flash版支持word、excel、
- poi3.8 实现word07docx转为html
- HTML5多点触摸演示利用Canvas绘图
- nw.js打包处理教程(将html打包成PC应用
- 易语言WEB浏览器2.0#3版(第三方)
- h5校验身份证号码
评论
共有 条评论