效果图如下：

HTML页面代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>

    <title>flash上传头像组件演示</title>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <style type="text/css" media="screen">

        html, body {

            height: %;

            background-color: #ffffff;

        }

        #flashContent {

            width: %;

            height: %;

        }

    </style>

    <script type="text/javascript">

        //function uploadevent(status, picUrl, callbackdata) {

        function uploadevent(status) {

            alert();

            //alert(callbackdata); //后端返回数据

            var picUrl = "/upload/";

            status += '';

            switch (status) {

                case '':

                    var time = new Date().getTime();

                    var filename162 = picUrl + '1.png';

                    var filename48 = picUrl + '2.png';

                    var filename20 = picUrl + "3.png";

                    document.getElementById('avatar_priview').innerHTML = "头像1 : <img src='" + filename162 + "?" + time + "'/> <br/> 头像2: <img src='" + filename48 + "?" + time + "'/><br/> 头像3: <img src='" + filename20 + "?" + time + "'/>";

                    break;

                case '-1':

                    window.location.reload();

                    break;

                default:

                    window.location.reload();

            }

        }

    </script>

</head>

<body>

    <div id="altContent">

        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

            codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"

            width="" height="" id="myMovieName">

            <param name="movie" value="avatar.swf">

            <param name="quality" value="high">

            <param name="bgcolor" value="#FFFFFF">

            <param name="flashvars" value="imgUrl=./default.jpg&uploadUrl=./upfile.aspx&uploadSrc=false" />

            <embed src="avatar.swf" quality="high" bgcolor="#FFFFFF" width="" height="" wmode="transparent" flashvars="imgUrl=./default.jpg&uploadUrl=./upfile.aspx&uploadSrc=false"

                name="myMovieName" align="" type="application/x-shockwave-flash" allowscriptaccess="always"

                pluginspage="http://www.macromedia.com/go/getflashplayer">

</embed>

        </object>

        <!--参数说明

        imgUrl = default.jpg 默认图片

        uploadUrl= upfile.php 接收图片接口

        uploadSrc=false 是否上传原图

        showCame=true 是否显示摄像头

        pCut=| 裁切框大小

        pSize=||||| 预览保存图片大小

        pData=||||| 保存图片大小

        例如： imgUrl=./default.jpg&uploadUrl=./upfile.php&uploadSrc=false&showCame=true&pCut=|&pSize=|||||&pData=|||||-->

    </div>

    <div id="avatar_priview"></div>

</body>

</html>

upfile.aspx 后台处理文件, cookie里保存的值可以取到，session不可以。

<%@ Import Namespace="System.IO" %>

<%@ Import Namespace="System" %>

<%@ Page Language="C#" %>

<%

String pic = Request.Form["pic"];

String pic1 = Request.Form["pic1"];

String pic2 = Request.Form["pic2"];

String pic3 = Request.Form["pic3"];

string Token = WiSpeed.Common.CookieHelper.GetCookieValue("t");

string t = Session["t"] as string;

//原图

if (pic.Length == 0)

{

}

else

{

byte[] bytes = Convert.FromBase64String(pic); //将2进制编码转换为8位无符号整数数组

string url = "./src.png";

FileStream fs = new FileStream(Server.MapPath(url), System.IO.FileMode.Create);

fs.Write(bytes, 0, bytes.Length);

fs.Close();

}

byte[] bytes1 = Convert.FromBase64String(pic1); //将2进制编码转换为8位无符号整数数组.

byte[] bytes2 = Convert.FromBase64String(pic2); //将2进制编码转换为8位无符号整数数组.

byte[] bytes3 = Convert.FromBase64String(pic3); //将2进制编码转换为8位无符号整数数组.

//图1

string url1 = "./1.png";

FileStream fs1 = new FileStream(Server.MapPath(url1), System.IO.FileMode.Create);

fs1.Write(bytes1, 0, bytes1.Length);

fs1.Close();

//图2

string url2 = "./2.png";

FileStream fs2 = new FileStream(Server.MapPath(url2), System.IO.FileMode.Create);

fs2.Write(bytes2, 0, bytes2.Length);

fs2.Close();

//图3

string url3 = "./3.png";

FileStream fs3 = new FileStream(Server.MapPath(url3), System.IO.FileMode.Create);

fs3.Write(bytes3, 0, bytes3.Length);

fs3.Close();

Response.Write("{\"status\":1}");

%>

　　

flash上传头像，截取图像 组件演示的更多相关文章

  1. 使用swfupload上传超过30M文件，使用FLASH上传组件

    原文:使用swfupload上传超过30M文件,使用FLASH上传组件 前一段时间会员的上传组件改用FLASH的swfupload来上传,既能很友好的显示上传进度,又能完全满足大文件的上传. 后来服务 ...

  2. 完美实现类似QQ的自拍头像、上传头像功能！（Demo 源码）

    现在很多下载客户端程序都需要设定自己头像的功能,而设定头像一般有两种方式:使用摄像头自拍头像,或者选择一个图片的某部分区域作为自己的头像. 一.相关技术 若要实现上述的自拍头像和上传头像的功能,会碰到 ...

  3. Jcrop+uploadify+php实现上传头像预览裁剪

    最近由于项目需要,所以做了一个上传头像预览并且可以预览裁剪的功能,大概思路是上传的图片先保存到服务器,然后通过ajax从服务器获取到图片信息,再利用Jcrop插件进行裁剪,之后通过PHP获取到的四个裁 ...

  4. PHP+Ajax+plupload无刷新上传头像代码

    很简单的一款PHP+Ajax+plupload无刷新上传头像代码,兼容性很好,可以直接拿来用.你可以自定义各种类型的文件.本实例中只能上传"jpg", "png" ...

  5. php实现手机拍照上传头像功能

    现在手机拍照很火,那么如何使用手机拍照并上传头像呢?原因很简单,就是数据传递,首先手机传递照片信息,这个就不是post传递 也不是get函数传递, 这个另外一种数据格式传递,使用的是$GLOBALS ...

  6. Android基础之——startActivityForResult启动界面并返回数据，上传头像

    在android应用的开发过程中,常常会出现启动一个界面后填写部分内容后带着数据返回启动前的界面,最典型的应用就是登录过程.在非常多应用程序的模块中,都有"我的"这个模块,在未登录 ...

  7. python 全栈开发，Day86(上传文件,上传头像,CBV,python读写Excel,虚拟环境virtualenv)

    一.上传文件 上传一个图片 使用input type="file",来上传一个文件.注意:form表单必须添加属性enctype="multipart/form-data ...

  8. [实战]MVC5+EF6+MySql企业网盘实战(4)——上传头像

    写在前面 最近又开始忙了,工期紧比较赶,另外明天又要去驾校,只能一个功能一个功能的添加了,也许每次完成的功能确实不算什么,等将功能都实现了,然后在找一个好点的ui对前端重构一下. 系列文章 [EF]v ...

  9. html5 上传头像示例及其注意事项

    转自[B5教程网]:http://www.bcty365.com/content-142-5244-1.html 这次分享一个简易的上传头像示例,其大致流程为: 一.将选择的图片转为base64字符串 ...

随机推荐

  1. jenkins系列之插件配置(二)

    第一步:下面来安装nodejs插件 第二步:可以看到,Jenkins提供了丰富的插件供开发者使用,找到需要的[NodeJS Plugin],勾选后点击安装即可 我的是已经安装了 第三步: 安装完毕后, ...

  2. AHOI2019N省联考凉凉记

    博主并未时空穿越,本文没有对选手造成恐慌 DAY0 这已经是我第四次省选了,时间真快啊,怀念三年前毫无压力的省选,考完以后如果有时间并且没退役的话可能会陆续搬以前写在别处的游记(主要是2018年的游记 ...

  3. 键盘快捷键大全 - Mac 技巧

    整理了一份Mac的快捷键大全,觉得有用可以转发/收藏起来. Mac 键盘快捷键 您可以按下某些组合键来实现通常需要鼠标.触控板或其他输入设备才能完成的操作. 要使用键盘快捷键,请按住一个或多个修饰键, ...

  4. DirectX11 With Windows SDK--17 利用几何着色器实现公告板效果

    前言 上一章我们知道了如何使用几何着色器将顶点通过流输出阶段输出到绑定的顶点缓冲区.接下来我们继续利用它来实现一些新的效果,在这一章,你将了解: 实现公告板效果 Alpha-To-Coverage 对 ...

  5. 第十五节：Expression表达式目录树(与委托的区别、自行拼接、总结几类实例间的拷贝)

    一. 基本介绍 回忆: 最早接触到表达式目录树(Expression)可能要追溯到几年前使用EF早期的时候,发现where方法里的参数是Expression<Func<T,bool> ...

  6. 深入浅出mybatis之useGeneratedKeys参数用法

    目录 在settings元素中设置useGeneratedKeys参数 在xml映射器中配置useGeneratedKeys参数 在接口映射器中设置useGeneratedKeys参数 在MyBati ...

  7. C# 插件化方案（Add-In)

    白话插件框架原理 WPF 插件开发(.NET Framework 3.5 System.Addin) 原文:AddIn Enabled Applications

  8. rem是怎么计算的

    「rem」是指根元素(root element,html)的字体大小,从遥远的 IE6 到版本到 Chrome 他们都约好了,根元素默认的 font-size 都是 16px. rem是通过根元素进行 ...

  9. Java的三大特性

    一.封装性 含义:对外不可见,保护属性和方法不被外部多看见 实现:通过关键字private声明,用get.set方法为外部访问. 引用的传递: static关键字:修饰属性(全局属性):修饰方法(直接 ...

  10. Djangol里面MVT的原理

    MVT Django是一款python的web开发框架与MVC有所不同,属于MVT框架m表示model,负责与数据库交互v 表示view,是核心,负责接收请求.获取数据.返回结果t 表示templat ...