頭像截圖上傳三種方式之一（一個簡單易用的flash插件）（asp.net版本）

flash中有版權聲明，不適合商業開發。這是官網地址：http://www.hdfu.net/ 

本文參考了http://blog.csdn.net/yafei450225664/article/details/12855915     而且加入了本身的解析，以供以後的參考。

官網提供的demo包，包含了php，jsp，asp，aspx的demo。

一、Demo中，avatar.swf是執行上傳的flash文件；default.jpg是默認顯示的圖片；demo.html是demo，能夠直接複製裏面的代碼；index.html 是下載地址，對程序不起做用。upfile.aspx是執行上傳的後臺文件，其實咱們能夠用通常處理程序代替，不必寫aspx，xml的實際做用不了解無需修改。

2.demo.html中，有兩個層，altContent存放flash，裏面的東西最好不要修改，咱們只需修改裏面引用flash的路徑及默認圖片，avatar_priview用於顯示上傳成功後的圖片，能夠刪除。JS中uploadevent上傳成功後執行，status表示響應報文值，返回1則表示成功，執行

<script type="text/javascript">
     function uploadevent(status, picUrl, callbackdata) {
         //alert(picUrl); //後端存儲圖片
         //    alert(callbackdata);
         status += '';
         switch (status) {
             case '1':
                 var time = new Date().getTime();
                 var filename162 = picUrl + '_162.jpg';
                 var filename48 = picUrl + '_48.jpg';
                 var filename20 = picUrl + "_20.jpg";

                 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>

View Code

這段代碼只是用於顯示上傳成功後的圖片，能夠根據我的須要進行修改。

3.html中的代碼以下

<div id="altContent">
    <object id="myMovieName" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
        codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" 
        height="450" width="650">
        <param name="movie" value="avatar.swf" />
        <param name="quality" value="high" />
        <param name="bgcolor" value="#FFFFFF" />
        <param name="flashvars" 
            value="imgUrl=./default.jpg&amp;uploadUrl=./upfile.aspx&amp;uploadSrc=false" />
        <embed align="" allowscriptaccess="always" bgcolor="#FFFFFF" 
            flashvars="imgUrl=./default.jpg&amp;uploadUrl=./upfile.aspx&amp;uploadSrc=false" 
            height="450" name="myMovieName" 
            pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" 
            src="./avatar.swf" type="application/x-shockwave-flash" width="650" 
            wmode="transparent"></embed>
</EMBED>
</object>
</div>
<div id="avatar_priview">
</div>

View Code

<embed></embed>標籤之間的代碼是負責連接到avatar.swf和upfile.aspx後臺代碼和默認照片，根據我的須要能夠進行修改。

4.後臺代碼

<%@Import NameSpace="System.IO"%>
<%@Import NameSpace="System"%>
<% @ Page Language="C#" %>
<%

DateTime dtStart = TimeZone.CurrentTimeZone.ToLocalTime(new DateTime(1970,1,1));
DateTime dtNow = DateTime.Parse(DateTime.Now.ToString());
TimeSpan toNow = dtNow.Subtract(dtStart);
string timeStamp = toNow.Ticks.ToString();
timeStamp = timeStamp.Substring(0,timeStamp.Length - 7);

String savePath = "./";
String savePicName = timeStamp;

String file_src = savePath + savePicName + "_src.jpg";
String filename162 = savePath + savePicName + "_162.jpg";
String filename48 = savePath + savePicName + "_48.jpg";
String filename20 = savePath + savePicName + "_20.jpg";

//獲取原圖和修改大小後的三張圖片：
String pic = Request.Form["pic"];
String pic1 = Request.Form["pic1"];
String pic2 = Request.Form["pic2"];
String pic3 = Request.Form["pic3"];

/*並經過File保存，固然，咱們若是隻須要一張圖片，能夠刪除多餘代碼，也能夠修改保存圖片的地址。有了圖片的地址，咱們能夠直接在這裏將圖片地址保存到數據庫中。

這裏要注意的是，返回響應報文

Response.Write("{\"status\":1}");是不能修改的，若是改成其餘值，好比圖片路徑，那麼後臺執行上傳是能夠成功的，但前臺沒法響應上傳成功，不能彈出上傳成功的框。

若是咱們須要把後臺處理後的路徑返回前臺，能夠用Session或靜態變量在後臺保存值。*/

//原圖
if (pic.Length == 0) {
}else {
byte[] bytes = Convert.FromBase64String(pic); //將2進制編碼轉換爲8位無符號整數數組

FileStream fs =new FileStream(Server.MapPath(file_src),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
FileStream fs1 =new FileStream(Server.MapPath(filename162),System.IO.FileMode.Create);
fs1.Write(bytes1, 0, bytes1.Length);
fs1.Close();

//圖2
FileStream fs2 =new FileStream(Server.MapPath(filename48),System.IO.FileMode.Create);
fs2.Write(bytes2, 0, bytes2.Length);
fs2.Close();

//圖3
FileStream fs3 =new FileStream(Server.MapPath(filename20),System.IO.FileMode.Create);
fs3.Write(bytes3, 0, bytes3.Length);
fs3.Close();

String picUrl = savePath + savePicName;

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

%>

接下來推出頭像截圖上傳三種方式之二（SWFUpload）（asp.net版本）和三（jquery插件）

SWFUpload是一個客戶端文件上傳工具，最初由Vinterwebb.se開發，它經過整合Flash與JavaScript技術爲WEB開發者提供了一個具備豐富功能繼而超越傳統<input type="file" />標籤的文件上傳模式。另外一個Flash插件用起來比較簡單，支持截圖、本地攝像頭拍照上傳，
關於SWFUpload的介紹，能夠查看百度百科，博客園中也有SWFUpload2.5的中文翻譯文檔。 
http://www.cnblogs.com/youring2/archive/2012/07/13/2590010.html 
SWFUpload .Net安裝包和官方Demo： 
http://download.csdn.net/detail/qq14039056961/5246596 關於這兩個插件的介紹，均可以經過以上網址瞭解。