當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

SwfUpload及imgareaselect使用方法

發布時間：2025/6/15 编程问答 42 豆豆

生活随笔收集整理的這篇文章主要介紹了 SwfUpload及imgareaselect使用方法小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

1、導入文件

　　　Swfupload相關文件

　　imgareaselect截取插件相關文件

2、前端html代碼

　　　　添加一個截取圖片的按鈕，其他為swf所需的html。

3、前端js代碼

　　　　使用的jq版本1.7的，我在使用1.10的時候，截圖的框不能出來。上傳成功后，顯示圖片，并且調用截取函數。為截取按鈕綁定click函數，把寬、高、位置坐標，及路徑地址等相關數據提交到后臺，后臺接受數據，根據這些數據截取圖片。

4、上傳的后臺代碼

　　　使用ashx一般處理程序來處理上傳圖片，以文件的md5值命名圖片。保存完成，把圖片的相對地址發送到前端。

HttpPostedFile file = context.Request.Files["Filedata"];if (file == null){context.Response.Write("上傳失敗");}else{string filename = Path.GetFileName(file.FileName);string ext = Path.GetExtension(filename);filename = MD5Helper.GetStreamMD5(file.InputStream);string path = "/UploadImage/" + DateTime.Now.Year + "/" + DateTime.Now.Month + "/" + DateTime.Now.Day +"/";Directory.CreateDirectory(context.Server.MapPath(path));file.SaveAs(context.Server.MapPath(path + filename + ext));context.Response.Write(path + filename + ext);}

5、圖片截取后臺代碼

　　　　同樣使用一般處理程序來處理，首先取得，用戶截取的寬高，位置坐標、圖片的相對路徑。新建畫布、畫筆、加載圖片。在畫布上用畫筆，畫圖片。用大圖片的文件名作為小圖片的文件名，存放在small文件夾內。最后把小圖片的相對地址，返回到前臺。

　　　　　　int x = Convert.ToInt32(context.Request["x"]);int y = Convert.ToInt32(context.Request["y"]);int width = Convert.ToInt32(context.Request["w"]);int height = Convert.ToInt32(context.Request["h"]);string path =context.Request["pic"];using (Bitmap b=new Bitmap(width,height)){using (Graphics g=Graphics.FromImage(b)){using (Image i = Image.FromFile(context.Server.MapPath(path))){//1、哪張圖片2、畫多大 3、從哪里開始畫g.DrawImage(i,new Rectangle(0,0,width,height),new Rectangle(x,y,width,height),GraphicsUnit.Pixel );string bigName = path.Substring(path.LastIndexOf('/')+1,path.LastIndexOf('.')-1-path.LastIndexOf('/'));string pathsmall = "/UploadImage/" + DateTime.Now.Year + "/" + DateTime.Now.Month + "/" + DateTime.Now.Day +"/"+"small/";Directory.CreateDirectory(context.Server.MapPath(pathsmall));//不能刪除大的會提示正在被訪問 b.Save(context.Server.MapPath(pathsmall + bigName + ".jpg")); context.Response.Write(pathsmall + bigName + ".jpg");}}}

轉載于:https://www.cnblogs.com/zhaoyihao/p/4696848.html

總結

以上是生活随笔為你收集整理的SwfUpload及imgareaselect使用方法的全部內容，希望文章能夠幫你解決所遇到的問題。

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

上一篇： js 创建可扩展库
下一篇： (转)目前比较全的CSS重设(reset