當前位置：首頁 > 编程语言 > asp.net >内容正文

asp.net

【ASP.NET】swfuplod图片上传

發布時間：2023/12/31 asp.net 40 豆豆

生活随笔收集整理的這篇文章主要介紹了【ASP.NET】swfuplod图片上传小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

根據網上例子簡單實現了圖片上傳和修改的時候默認顯示。

我是圖片預覽的時候存在了緩沖session里面，這里要改Global.asax文件不然session火狐會失效。

Global.asax文件修改：

#region 防止火狐session丟失private void mySession() {try{string session_param_name = "ASPSESSID";string session_cookie_name = "ASP.NET_SESSIONID";if (HttpContext.Current.Request.Form[session_param_name] != null){UpdateCookie(session_cookie_name, HttpContext.Current.Request.Form[session_param_name]);}else if (HttpContext.Current.Request.QueryString[session_param_name] != null){UpdateCookie(session_cookie_name, HttpContext.Current.Request.QueryString[session_param_name]);}}catch (Exception){Response.StatusCode = 500;Response.Write("Error Initializing Session");}try{string auth_param_name = "AUTHID";string auth_cookie_name = FormsAuthentication.FormsCookieName;if (HttpContext.Current.Request.Form[auth_param_name] != null){UpdateCookie(auth_cookie_name, HttpContext.Current.Request.Form[auth_param_name]);}else if (HttpContext.Current.Request.QueryString[auth_param_name] != null){UpdateCookie(auth_cookie_name, HttpContext.Current.Request.QueryString[auth_param_name]);}}catch (Exception){Response.StatusCode = 500;Response.Write("Error Initializing Forms Authentication");}}private void UpdateCookie(string cookie_name, string cookie_value){HttpCookie cookie = HttpContext.Current.Request.Cookies.Get(cookie_name);if (cookie == null){cookie = new HttpCookie(cookie_name);HttpContext.Current.Request.Cookies.Add(cookie);}cookie.Value = cookie_value;HttpContext.Current.Request.Cookies.Set(cookie);}#endregion
根據例子修改了如下頁面文件，因為前天用到了jquery的放大鏡圖片效果所以這里生產了3種不同尺寸大小的圖片。

upload.aspx文件修改：

using System; using System.Data; using System.Configuration; using System.Collections; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Web.UI.HtmlControls; using System.IO; using System.Collections.Generic;namespace WMP.Web.user.swfupload {public partial class upload : System.Web.UI.Page{protected void Page_Load(object sender, EventArgs e){System.Drawing.Image thumbnail_image = null;System.Drawing.Image original_image = null;System.Drawing.Image c_original_image = null;System.Drawing.Image b_original_image = null;System.Drawing.Bitmap final_image = null;System.Drawing.Graphics graphic = null;System.Drawing.Bitmap c_final_image = null;System.Drawing.Bitmap b_final_image = null;System.Drawing.Graphics c_graphic = null;System.Drawing.Graphics b_graphic = null;MemoryStream ms = null;MemoryStream maxms = null;MemoryStream c_ms = null;MemoryStream b_ms = null;try{//獲得數據HttpPostedFile jpeg_image_upload = Request.Files["Filedata"];//獲得上傳的圖片original_image = System.Drawing.Image.FromStream(jpeg_image_upload.InputStream);int width = original_image.Width;//原始圖片寬度int height = original_image.Height;//原始圖片高度//--目標圖片存放小圖int target_width = 68;//目標圖片寬度int target_height = 68;//目標圖片高度int new_width, new_height;//新寬度和新高度float target_ratio = (float)target_width / (float)target_height;//目標圖片寬高比float image_ratio = (float)width / (float)height;//原始圖片寬高比//計算新的長度和寬度if (target_ratio > image_ratio){new_height = target_height;new_width = (int)Math.Floor(image_ratio * (float)target_height);}else{new_height = (int)Math.Floor((float)target_width / image_ratio);new_width = target_width;}new_width = new_width > target_width ? target_width : new_width;new_height = new_height > target_height ? target_height : new_height;//創建縮略圖final_image = new System.Drawing.Bitmap(target_width, target_height);//目標圖片的像素圖graphic = System.Drawing.Graphics.FromImage(final_image);//目標圖片的畫板graphic.FillRectangle(new System.Drawing.SolidBrush(System.Drawing.Color.Black), new System.Drawing.Rectangle(0, 0, target_width, target_height));//用黑色填充目標圖片大小的矩形框int paste_x = (target_width - new_width) / 2;//從原點位移x坐標int paste_y = (target_height - new_height) / 2;//從原點位移y坐標graphic.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.HighQualityBicubic; //插補模式graphic.DrawImage(original_image, paste_x, paste_y, new_width, new_height);//畫圖ms = new MemoryStream();//創建一個新的內存流final_image.Save(ms, System.Drawing.Imaging.ImageFormat.Jpeg);//目標圖片保存//--目標圖片存放中圖//生產中等圖片int c_width = 300;//目標圖片寬度--中等圖片int c_height = 300;//目標圖片高度--中等圖片int c_new_width, c_new_height;//新寬度和新高度--中等圖片float c_target_ratio = (float)c_width / (float)c_height;//目標圖片寬高比float c_image_ratio = (float)width / (float)height;//原始圖片寬高比//計算新的長度和寬度if (c_target_ratio > c_image_ratio){c_new_height = c_height;c_new_width = (int)Math.Floor(c_image_ratio * (float)c_height);}else{c_new_height = (int)Math.Floor((float)c_width / c_image_ratio);c_new_width = c_width;}c_new_width = c_new_width > c_width ? c_width : c_new_width;c_new_height = c_new_height > c_height ? c_height : c_new_height;//創建縮略圖c_final_image = new System.Drawing.Bitmap(c_width, c_height);//目標圖片的像素圖c_graphic = System.Drawing.Graphics.FromImage(c_final_image);//目標圖片的畫板c_graphic.FillRectangle(new System.Drawing.SolidBrush(System.Drawing.Color.Black), new System.Drawing.Rectangle(0, 0, c_width, c_height));//用黑色填充目標圖片大小的矩形框int c_paste_x = (c_width - c_new_width) / 2;//從原點位移x坐標int c_paste_y = (c_height - c_new_height) / 2;//從原點位移y坐標c_graphic.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.HighQualityBicubic; //插補模式c_graphic.DrawImage(original_image, c_paste_x, c_paste_y, c_new_width, c_new_height);//畫圖c_ms = new MemoryStream();//創建一個新的內存流c_final_image.Save(c_ms, System.Drawing.Imaging.ImageFormat.Jpeg);//目標圖片保存c_ms = new MemoryStream();//創建一個新的內存流c_final_image.Save(c_ms, System.Drawing.Imaging.ImageFormat.Jpeg);//目標圖片保存//--目標圖片存放大圖//生產中等圖片int b_width = 800;//目標圖片寬度--大圖片int b_height = 800;//目標圖片高度--大圖片int b_new_width, b_new_height;//新寬度和新高度--中等圖片float b_target_ratio = (float)b_width / (float)b_height;//目標圖片寬高比float b_image_ratio = (float)width / (float)height;//原始圖片寬高比//計算新的長度和寬度if (b_target_ratio > b_image_ratio){b_new_height = b_height;b_new_width = (int)Math.Floor(b_image_ratio * (float)b_height);}else{b_new_height = (int)Math.Floor((float)b_width / b_image_ratio);b_new_width = b_width;}b_new_width = b_new_width > b_width ? b_width : b_new_width;b_new_height = b_new_height > b_height ? b_height : b_new_height;//創建縮略圖b_final_image = new System.Drawing.Bitmap(b_width, b_height);//目標圖片的像素圖b_graphic = System.Drawing.Graphics.FromImage(b_final_image);//目標圖片的畫板b_graphic.FillRectangle(new System.Drawing.SolidBrush(System.Drawing.Color.Black), new System.Drawing.Rectangle(0, 0, b_width, b_height));//用黑色填充目標圖片大小的矩形框int b_paste_x = (b_width - b_new_width) / 2;//從原點位移x坐標int b_paste_y = (b_height - b_new_height) / 2;//從原點位移y坐標b_graphic.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.HighQualityBicubic; //插補模式b_graphic.DrawImage(original_image, b_paste_x, b_paste_y, b_new_width, b_new_height);//畫圖b_ms = new MemoryStream();//創建一個新的內存流b_final_image.Save(b_ms, System.Drawing.Imaging.ImageFormat.Jpeg);//目標圖片保存//maxms = new MemoryStream();//創建一個新的內存流//original_image.Save(maxms, System.Drawing.Imaging.ImageFormat.Jpeg);//原始圖片保存string thumbnail_id = DateTime.Now.ToString("yyyyMMddHHmmssfff");Thumbnail thumb = new Thumbnail(thumbnail_id, b_ms.ToArray(), ms.ToArray(), c_ms.ToArray());List<Thumbnail> thumbnails = Session["file_info"] as List<Thumbnail>;if (thumbnails == null){thumbnails = new List<Thumbnail>();Session["file_info"] = thumbnails;}thumbnails.Add(thumb);Response.StatusCode = 200;Response.Write(thumbnail_id);}catch{// If any kind of error occurs return a 500 Internal Server errorResponse.StatusCode = 500;Response.Write("An error occured");Response.End();}finally{// Clean upif (final_image != null) final_image.Dispose();if (c_final_image != null) c_final_image.Dispose();if (b_final_image != null) b_final_image.Dispose();if (graphic != null) graphic.Dispose();if (c_graphic != null) c_graphic.Dispose();if (b_graphic != null) b_graphic.Dispose();if (original_image != null) original_image.Dispose();if (thumbnail_image != null) thumbnail_image.Dispose();if (ms != null) ms.Close();if (maxms != null) maxms.Close();if (b_ms != null) b_ms.Close();if (c_ms != null) c_ms.Close();Response.End();}}} }

js這里可以根據自己樣式自己修改。可以弄好看點。
handler.js文件修改：

using System; using System.Data; using System.Configuration; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Web.UI.HtmlControls;/// <summary> /// Summary description for Thumbnail /// </summary> namespace WMP.Web.user {public class Thumbnail{private string id;private byte[] originalData;private byte[] data;private byte[] centerdata;public Thumbnail(string id, byte[] originalData, byte[] data, byte[] centerdata){this.ID = id;this.OriginalData = originalData;this.Data = data;this.Centerdata = centerdata;}public string ID{get{return this.id;}set{this.id = value;}}public byte[] OriginalData{get{return this.originalData;}set{this.originalData = value;}}public byte[] Data{get{return this.data;}set{this.data = value;}}public byte[] Centerdata{get{return this.centerdata;}set{this.centerdata = value;}}}}
提交的時候記得sesion什么時候該清空。

部分提交代碼：

? ?

protected void Page_Load(object sender, EventArgs e){if (!Page.IsPostBack){Session.Remove("file_info");}}

string[] picArr = Request.Form["fileUrl"].Split(',');foreach (Thumbnail img in thumbnails){for (int i = 0; i < picArr.Length;i++ ){if (picArr[i] == img.ID){name1 = img.ID + ".jpg";name2 = "s_" + img.ID + ".jpg";name3 = "c_" + img.ID + ".jpg";FileStream fs1 = new FileStream(UploadPath1 + img.ID + ".jpg", FileMode.Create);BinaryWriter bw1 = new BinaryWriter(fs1);bw1.Write(img.OriginalData);bw1.Close();fs1.Close();FileStream fs2 = new FileStream(UploadPath2 + "s_" + img.ID + ".jpg", FileMode.Create);BinaryWriter bw2 = new BinaryWriter(fs2);bw2.Write(img.Data);bw2.Close();fs2.Close();FileStream fs3 = new FileStream(UploadPath3 + "c_" + img.ID + ".jpg", FileMode.Create);BinaryWriter bw3 = new BinaryWriter(fs3);bw3.Write(img.Centerdata);bw3.Close();fs3.Close();if (i != 0){fileIds += ",";}imgModel.id = Guid.NewGuid().ToString().Replace("-", "");fileName = img.ID;imgModel.fileName = fileName;imgModel.filePath = "productImages/";imgModel.fileType = ".jpg";imgBll.Add(imgModel);fileIds += imgModel.id;}}}Session.Remove("file_info");
修改的頁面初始化：

var swfu;window.onload = function () {swfu = new SWFUpload({// Backend Settingsupload_url: "swfupload/upload.aspx",post_params: {"ASPSESSID": "<%=Session.SessionID %>"},// File Upload Settingsfile_size_limit: 1024,file_types: "*.jpg;*.gif;*.png",file_types_description: "JPG Images",file_upload_limit: 4, //限制上傳文件數目file_queue_limit: 5, //限制每次選擇文件的數目，0為不限制// Event Handler Settings - these functions as defined in Handlers.js// The handlers are not part of SWFUpload but are part of my website and control how// my website reacts to the SWFUpload events.file_queue_error_handler: fileQueueError,file_dialog_complete_handler: fileDialogComplete,upload_progress_handler: uploadProgress,upload_error_handler: uploadError,upload_success_handler: uploadSuccess,upload_complete_handler: uploadComplete,// Button settingsbutton_image_url: "swfupload/images/uploadbutt.jpg",button_placeholder_id: "spanButtonPlaceholder",button_width: 89,button_height: 28,button_text: '<span class="button"> </span>',button_text_style: '.button { font-family: Helvetica, Arial, sans-serif; font-size: 16pt; } .buttonSmall { font-size: 10pt; }',button_text_top_padding: 2,button_text_left_padding: 5,// Flash Settingsflash_url: "swfupload/swfupload/swfupload.swf", // Relative to this filecustom_settings: {upload_target: "divFileProgressContainer"},// Debug Settingsdebug: false});}
半夜寫的，比較匆忙，給自己一個筆記。

原帖地址：http://blog.csdn.net/hateson/article/details/17976945?

http://download.csdn.net/detail/hateson/6822219?源碼地址

總結

以上是生活随笔為你收集整理的【ASP.NET】swfuplod图片上传的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： Windows的Git Bash使用tr
下一篇：【ASP.NET】QQ登录，新浪微博登录