技术标签: .NET
关于上传头像并且截图网上应该有很多资料,大多都是JQuery插件,用起来不是很方便
本文所介绍的方法将快速完成一个“上传头像图片并截图”,只需要修改少量的代码
我们先来看看完成后的效果:
下面我们在快速搭建一个头像上传的MVC3程序:
前台页面的适当位置加入下面的代码:
<input type="button" value="上传" οnclick="clll()" />
<div id="content" style="width: 630px; height: 360px; padding: 10px; display: block;
border: 1px solid #ddd;">
</div>
<div id="info" style="width: 630px; height: auto; line-height: 20px; border: 1px solid #ddd;
border-top: 0px; font-size: 12px; padding: 10px;">
<p style="color: #666">
图片说明:<br />
每次上传的文件覆盖前面的文件。上传后的路径为: ~/upload/<br />
以字母b结尾的为大图(130x130 像素),以字母m结尾的为中图(55x55像素),以s结尾的为小图(35x35像素)</p>
</div>
<div id="content"></div>
Flash的在content显示,当然,这个也可以配置,我们可以在js代码中配置
在页面的适当位置加入下面的代码:
<script src="@Url.Content("~/Content/themes/avatar/tangram-custom-full-yui.js")" type="text/javascript"></script>
<script type="text/javascript">
var info = baidu.g("info");
var options = {
uploadURL: "@Url.Action("UploadAvatar", "Account")", tipHandle: function (tip) {
alert(tip);
}
, uploadCallBack: function () {
// 处理完毕后的操作。例如 window.location ='xxxxx/xxxxx';
alert("头像更换成功。");
}
, createOptions: {
id: "flashID", url: "@Url.Content("~/Content/themes/avatar/avatarMaker.swf")", width: "630px", height: "360px", container: "content"
}
};
var up = new baidu.flash.avatarMaker(options);
var t = function () {
var d = new Date();
return [d.getHours(), d.getMinutes(), d.getSeconds()].join(":")
};
function clll() { up.upload(); }
</script>
uploadURL为你的上传处理函数
createOptions里面可以配置一些flash的信息。
在后台响应函数中添加适当的代码:
public ActionResult UploadAvatar()
{
int filecount = Request.Files.Count;//获得MIME文件流 的文件数量
Stream[] resStreamArray = new Stream[filecount];//建立文件流数组
string[] strFilePathArray = new string[filecount];//建立服务器文件地址数组
long[] iBufferSizeArray = new long[filecount];//建立文件流字节长度
for (int i = 0; i < filecount; i++)
{
resStreamArray[i] = Request.Files.Get(i).InputStream;
//这里设定保存后的名称,
strFilePathArray[i] = Server.MapPath("~/upload/" + DateTime.Now.ToString("yyMMddhhmmss") + Request.Files.Get(i).FileName.Substring(0, 1) + ".png");
if (System.IO.File.Exists(strFilePathArray[i]))//存在同名文件则删除
{
System.IO.File.Delete(strFilePathArray[i]);
}
iBufferSizeArray[i] = Request.Files.Get(i).InputStream.Length;
FileStream fileStream = System.IO.File.Create(strFilePathArray[i]);//创建新文件
byte[] buffer = new byte[iBufferSizeArray[i]];
int iReadLength = 0;
//读取返回流
iReadLength = resStreamArray[i].Read(buffer, 0, buffer.Length);
while (iReadLength > 0)
{
//写入文件流中
fileStream.Write(buffer, 0, iReadLength);
iReadLength = resStreamArray[i].Read(buffer, 0, buffer.Length);
}
fileStream.Flush();
resStreamArray[i].Close();
fileStream.Close();
}
return View();
}
这样我们的配置就算完成了,当然,必不可少的2个文件avatarFlash.swf 和 tangram-custom-full-yui.js 我们只需要放在特定的文件夹里面,改下上面的一些参数就好了。
当然,如果你不是用到MVC3,那么将会更简单哦。
avatarFlash.swf 和 tangram-custom-full-yui.js 在下面给出的连接下载。
案例源码下载地址:ASP.NET MVC3 上传头像图片并截图
连接不能点击,请点击:http://download.csdn.net/detail/risingsun001/5578393
希望这篇文章对您有用。
文章浏览阅读1k次。通过使用ajax方法跨域请求是浏览器所不允许的,浏览器出于安全考虑是禁止的。警告信息如下:不过jQuery对跨域问题也有解决方案,使用jsonp的方式解决,方法如下:$.ajax({ async:false, url: 'http://www.mysite.com/demo.do', // 跨域URL ty..._nginx不停的xhr
文章浏览阅读2k次。关于在 Oracle 中配置 extproc 以访问 ST_Geometry,也就是我们所说的 使用空间SQL 的方法,官方文档链接如下。http://desktop.arcgis.com/zh-cn/arcmap/latest/manage-data/gdbs-in-oracle/configure-oracle-extproc.htm其实简单总结一下,主要就分为以下几个步骤。..._extproc
文章浏览阅读1.5w次。linux下没有上面的两个函数,需要使用函数 mbstowcs和wcstombsmbstowcs将多字节编码转换为宽字节编码wcstombs将宽字节编码转换为多字节编码这两个函数,转换过程中受到系统编码类型的影响,需要通过设置来设定转换前和转换后的编码类型。通过函数setlocale进行系统编码的设置。linux下输入命名locale -a查看系统支持的编码_linux c++ gbk->utf8
文章浏览阅读750次。今天准备从生产库向测试库进行数据导入,结果在imp导入的时候遇到“ IMP-00009:导出文件异常结束” 错误,google一下,发现可能有如下原因导致imp的数据太大,没有写buffer和commit两个数据库字符集不同从低版本exp的dmp文件,向高版本imp导出的dmp文件出错传输dmp文件时,文件损坏解决办法:imp时指定..._imp-00009导出文件异常结束
文章浏览阅读143次。当下是一个大数据的时代,各个行业都离不开数据的支持。因此,网络爬虫就应运而生。网络爬虫当下最为火热的是Python,Python开发爬虫相对简单,而且功能库相当完善,力压众多开发语言。本次教程我们爬取前程无忧的招聘信息来分析Python程序员需要掌握那些编程技术。首先在谷歌浏览器打开前程无忧的首页,按F12打开浏览器的开发者工具。浏览器开发者工具是用于捕捉网站的请求信息,通过分析请求信息可以了解请..._初级python程序员能力要求
文章浏览阅读7.6k次,点赞2次,收藏6次。@Service标注的bean,类名:ABDemoService查看源码后发现,原来是经过一个特殊处理:当类的名字是以两个或以上的大写字母开头的话,bean的名字会与类名保持一致public class AnnotationBeanNameGenerator implements BeanNameGenerator { private static final String C..._@service beanname
文章浏览阅读6.9w次,点赞73次,收藏463次。1.前序创建#include<stdio.h>#include<string.h>#include<stdlib.h>#include<malloc.h>#include<iostream>#include<stack>#include<queue>using namespace std;typed_二叉树的建立
文章浏览阅读7.1k次。在Asp.net上使用Excel导出功能,如果文件名出现中文,便会以乱码视之。 解决方法: fileName = HttpUtility.UrlEncode(fileName, System.Text.Encoding.UTF8);_asp.net utf8 导出中文字符乱码
文章浏览阅读2.1k次,点赞4次,收藏23次。第一次实验 词法分析实验报告设计思想词法分析的主要任务是根据文法的词汇表以及对应约定的编码进行一定的识别,找出文件中所有的合法的单词,并给出一定的信息作为最后的结果,用于后续语法分析程序的使用;本实验针对 PL/0 语言 的文法、词汇表编写一个词法分析程序,对于每个单词根据词汇表输出: (单词种类, 单词的值) 二元对。词汇表:种别编码单词符号助记符0beginb..._对pl/0作以下修改扩充。增加单词
文章浏览阅读773次。我在使用adb.exe时遇到了麻烦.我想使用与bash相同的adb.exe shell提示符,所以我决定更改默认的bash二进制文件(当然二进制文件是交叉编译的,一切都很完美)更改bash二进制文件遵循以下顺序> adb remount> adb push bash / system / bin /> adb shell> cd / system / bin> chm..._adb shell mv 权限
文章浏览阅读6.8k次,点赞12次,收藏125次。1. 单目相机标定引言相机标定已经研究多年,标定的算法可以分为基于摄影测量的标定和自标定。其中,应用最为广泛的还是张正友标定法。这是一种简单灵活、高鲁棒性、低成本的相机标定算法。仅需要一台相机和一块平面标定板构建相机标定系统,在标定过程中,相机拍摄多个角度下(至少两个角度,推荐10~20个角度)的标定板图像(相机和标定板都可以移动),即可对相机的内外参数进行标定。下面介绍张氏标定法(以下也这么称呼)的原理。原理相机模型和单应矩阵相机标定,就是对相机的内外参数进行计算的过程,从而得到物体到图像的投影_相机-投影仪标定
文章浏览阅读2.2k次。文章目录Wayland 架构Wayland 渲染Wayland的 硬件支持简 述: 翻译一篇关于和 wayland 有关的技术文章, 其英文标题为Wayland Architecture .Wayland 架构若是想要更好的理解 Wayland 架构及其与 X (X11 or X Window System) 结构;一种很好的方法是将事件从输入设备就开始跟踪, 查看期间所有的屏幕上出现的变化。这就是我们现在对 X 的理解。 内核是从一个输入设备中获取一个事件,并通过 evdev 输入_wayland