亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 學院 > 開發設計 > 正文

FLASH圖片上傳功能—從百度編輯器UEditor里面提取出來

2019-11-17 01:40:57
字體:
來源:轉載
供稿:網友

Flash圖片上傳功能—從百度編輯器UEditor里面提取出來

為了記錄工作中碰到的各種問題,以及學習資料整理,今天開始,將以往的文章進行了一個整理,以后也開始認真的記錄學習過程中的各種問題

在HTML里面的文件上傳功能一直是個問題,為了實現上傳文件大小限制,怎樣顯示進度條問題,以及上傳前圖片預覽,也試過各種辦法,直到有一天看到百度編輯器中的圖片上傳功能?;它c功夫把他單獨提取出來。

最終效果圖如下:

這個功能可以提供多個圖片文件選擇,預覽,然后對上傳的圖片在上傳隊列中刪除,以及旋轉和,上傳中進度條顯示,以及上傳相冊的選擇。%20

源代碼下載路徑為:http://pan.baidu.com/s/13iNYw

結構

1:FLASH文件:imageUploader.swf%20

用來顯示上傳隊列,并提供圖片增加,預覽,刪除,旋轉,以及進度條的顯示功能!

包括了一些參數設置,例如上傳處理程序,以及相關的屬性設置。其中最重要參數為:flashvars,%20他的值經過URL編碼。

URL編碼轉換功能,你可以通過http://tool.chinaz.com/Tools/URLEncode.aspx%20這個工具實現。

原始值為:

container=flashContainer&url=/BaiduUE/imageUp&ext={"param1":"value1",%20"param2":"value2"}&fileType={"descr
  • url:"/BaiduUE/imageUp", // 上傳處理頁面的url地址
  • ext:'{"param1":"value1", "param2":"value2"}', //可向服務器提交的自定義參數列表
  • fileType:'{"description":"圖片", "extension":"*.gif;*.jpeg;*.png;*.jpg"}', //上傳文件格式限制
  • flashUrl:'imageUploader.swf', //上傳用的flash組件地址
  • width:608, //flash的寬度
  • height:272, //flash的高度
  • gridWidth:121, // 每一個預覽圖片所占的寬度
  • gridHeight:120, // 每一個預覽圖片所占的高度
  • picWidth:100, // 單張預覽圖片的寬度
  • picHeight:100, // 單張預覽圖片的高度
  • uploadDataFieldName:"upfile", // POST請求中圖片數據的key
  • picDescFieldName:'pictitle', // POST請求中圖片描述的key
  • maxSize:4, // 文件的最大體積,單位M
  • compressSize:2, // 上傳前如果圖片體積超過該值,會先壓縮,單位M
  • maxNum:32, // 單次最大可上傳多少個文件
  • compressSide:0, //等比壓縮的基準,0為按照最長邊,1為按照寬度,2為按照高度
  • compressLength:900 //能接受的最大邊長,超過該值Flash會自動等比壓縮
  • 2:JS腳本

    用來于處理外部相冊選擇,以及FLASH事件相應,以及調用FLASH上傳功能來實現圖片上傳

    /***********************Flash事件*****************************//*** 檢查flash狀態* @private* @param {Object} target flash對象* @return {Boolean}*/function _checkReady(target) {    if (typeof target !== 'undefined' && typeof target.flashInit !== 'undefined' && target.flashInit()) {        return true;    } else {        return false;    }}/*** 創建一個隨機的字符串* @private* @return {String}*/function _createString() {    var prefix = 'mw__flash__';    return prefix + Math.floor(Math.random() * 2147483648).toString(36);}/*** 為傳入的匿名函數創建函數名* @private* @param {String|Function} fun 傳入的匿名函數或者函數名* @return {String}*/function _createFunName(fun) {    var name = '';    name = _createString();    window[name] = function () {        fun.apply(window, arguments);    };    return name;}/***反復判斷Flash是歐加載完成,完成后為Flash添加回調函數..*/var interval = setInterval(function () {    try {        var flash = thisMovie("flash");        if (_checkReady(flash)) {               //輪詢flash的某個方法即可            var callBack = [];            callBack[0] = _createFunName(selectFileCallback);            callBack[1] = _createFunName(exceedFileCallback);            callBack[2] = _createFunName(deleteFileCallback);            callBack[3] = _createFunName(StartUploadCallback);            callBack[4] = _createFunName(uploadCompleteCallback);            callBack[5] = _createFunName(uploadErrorCallback);            callBack[6] = _createFunName(allCompleteCallback);            callBack[7] = _createFunName(changeHeightCallback);            thisMovie("flash").call('setJSFuncName', [callBack]);            clearInterval(interval);        }    }    catch (ex) {    }}, 20);//獲得Flash對象function thisMovie(movieName) {    if (navigator.appName.indexOf("Misrosoft") != -1) {        return window[movieName];    }    else {        return document[movieName];    }}

    3:一般處理程序:Upload.ashx

    用來實現asp.net圖片服務器保存

        string state = "SUCCESS";    string URL = null;    string currentType = null;    string uploadpath = null;    string filename = null;    string originalName = null;    HttpPostedFile uploadFile = null;        public void ProcessRequest (HttpContext context) {                context.Response.ContentType = "text/plain";        context.Response.Write(UploadPoto(context));    }    #region 照片上傳    public string UploadPoto(HttpContext context)    {        int aid = Convert.ToInt32(context.Request.Form["aid"]);     //獲得相冊ID        bool mark = Convert.ToString(context.Request.Form["mark"]).ToLower() == "true";     //獲得是否有水印        //上傳配置        string pathbase = "Upload/" + aid.ToString();      //保存路徑        int size = 2;           //文件大小限制,單位MB          string[] filetype = { ".gif", ".png", ".jpg", ".jpeg", ".bmp" };         //文件允許格式        //上傳圖片        Hashtable info = new Hashtable();        info = upFile(context,pathbase, filetype, size, mark);                               //獲取上傳狀態        string title = getOtherInfo(context,"pictitle");                              //獲取圖片描述        string oriName = getOtherInfo(context,"fileName");                //獲取原始文件名        string ret = "{'url':'" + info["url"] + "','title':'" + title + "','original':'" + oriName + "','state':'" + info["state"] + "'}";        return ret;    }    private Hashtable upFile(HttpContext context,string pathbase, string[] filetype, int size, bool mark)    {        pathbase = pathbase + "/";        uploadpath = context.Server.MapPath(pathbase);//獲取文件上傳路徑        try        {            uploadFile = context.Request.Files[0];            originalName = uploadFile.FileName;            //目錄創建            createFolder();            //格式驗證            if (checkType(filetype))            {                state = "不允許的文件類型";            }            //大小驗證            if (checkSize(size))            {                state = "文件大小超出網站限制";            }            //保存圖片            if (state == "SUCCESS")            {                filename = reName();                string smallPath = reSmallName();                string waterPath = rePicName();                uploadFile.SaveAs(uploadpath + filename);                string savePath = uploadpath + filename;                ImageClass imageClass = new ImageClass();                if (imageClass.ShowThumbnail(savePath, uploadpath + smallPath, 640))     //如果有小圖,則刪除原圖                {                    FileInfo fi = new FileInfo(savePath);                    fi.Delete();                    URL = pathbase + smallPath;                    filename = smallPath;                }                else                {                    URL = pathbase + filename;                }                if (mark)                {                    string watxt = "我是水印哈。。。";                    if (ImageClass.WriterText(uploadpath + filename, uploadpath + waterPath, watxt))                    {                        URL = pathbase + waterPath;                        filename = waterPath;                    }                }            }        }        catch (Exception e)        {            state = "未知錯誤";            URL = "";        }        return getUploadInfo();    }    #endregion    #region 上傳文件的輔助方法    /**    * 獲取文件信息    * @param context    * @param string    * @return string    */    protected string getOtherInfo(HttpContext context,string field)    {        string info = null;        if (context.Request.Form[field] != null && !String.IsNullOrEmpty(context.Request.Form[field]))        {            info = field == "fileName" ? context.Request.Form[field].Split(',')[1] : context.Request.Form[field];        }        return info;    }    /**     * 獲取上傳信息     * @return Hashtable     */    protected Hashtable getUploadInfo(
    發表評論 共有條評論
    用戶名: 密碼:
    驗證碼: 匿名發表
    亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
    日韩最新免费不卡| 日韩精品亚洲精品| 都市激情亚洲色图| 日韩精品中文字幕有码专区| 亚洲第一免费网站| 中文字幕精品—区二区| 久久这里有精品视频| 成人国内精品久久久久一区| 国产91精品青草社区| 亚洲韩国欧洲国产日产av| 欧美限制级电影在线观看| 亚洲18私人小影院| 欧美日韩性生活视频| 欧美日韩国产综合视频在线观看中文| 日韩中文字幕在线观看| 国产精品一区二区在线| 久久99久久99精品中文字幕| 精品久久在线播放| 国产午夜精品全部视频在线播放| 久久福利视频导航| 九色精品美女在线| 日韩欧美中文字幕在线观看| 日韩不卡中文字幕| 最近中文字幕日韩精品| 欧美最猛性xxxxx亚洲精品| 亚洲日本aⅴ片在线观看香蕉| 亚洲精品网址在线观看| 色综合久久中文字幕综合网小说| 国产精品高精视频免费| 欧美大荫蒂xxx| 色琪琪综合男人的天堂aⅴ视频| 亚洲电影成人av99爱色| 亚洲国产精品成人av| 亚洲大胆人体视频| 国产99久久精品一区二区永久免费| 欧美在线激情网| 国产精品高潮呻吟久久av无限| 久久久精品免费| 午夜免费在线观看精品视频| 日韩网站免费观看高清| 日本伊人精品一区二区三区介绍| 中日韩午夜理伦电影免费| 久久精品99无色码中文字幕| 亚洲欧洲日产国码av系列天堂| 国产精品日韩在线| 草民午夜欧美限制a级福利片| 亚洲二区在线播放视频| 久久99精品国产99久久6尤物| 国产精品自产拍在线观| 亚洲午夜性刺激影院| 亚洲2020天天堂在线观看| 久久久久久伊人| 亚洲丁香婷深爱综合| 一区二区欧美久久| 国产色婷婷国产综合在线理论片a| 亚洲男人第一网站| 欧美日韩在线观看视频| 91av视频在线观看| 国产一区二区三区在线观看网站| 精品国产一区二区三区久久久| 日韩一区二区在线视频| 国模gogo一区二区大胆私拍| 欧美激情国产精品| 久久综合电影一区| 欧美日韩免费观看中文| 色偷偷91综合久久噜噜| 国产精品狠色婷| 国产成人免费91av在线| 成人免费大片黄在线播放| 亚洲丝袜一区在线| 国产午夜精品久久久| 精品久久久久久中文字幕一区奶水| 日韩亚洲欧美中文高清在线| 亚洲第一区第二区| 精品国产乱码久久久久久虫虫漫画| 久久亚洲精品一区二区| 日韩精品中文字幕视频在线| 日韩国产欧美区| 欧日韩不卡在线视频| 午夜精品99久久免费| 亚洲网站视频福利| 成人97在线观看视频| 欧美日韩精品在线视频| 黄色精品一区二区| 亚洲一区免费网站| 亚洲欧美日韩一区在线| 日本一本a高清免费不卡| 国产精品 欧美在线| 色与欲影视天天看综合网| 国产精品国产福利国产秒拍| 亚洲色图激情小说| 欧美国产日韩视频| 久久综合五月天| 一区二区三区视频在线| 欧美福利视频网站| 成人欧美一区二区三区在线| 精品夜色国产国偷在线| 美日韩丰满少妇在线观看| zzjj国产精品一区二区| 亚洲高清久久久久久| 98视频在线噜噜噜国产| 日韩av电影院| 亚洲午夜国产成人av电影男同| 亚洲xxxxx性| 91高潮在线观看| 欧美午夜片欧美片在线观看| 日韩精品欧美激情| 日韩福利视频在线观看| 日韩精品极品毛片系列视频| 91国产高清在线| 亚洲电影免费在线观看| 亚洲丁香久久久| 亚洲白虎美女被爆操| 欧美激情性做爰免费视频| 91po在线观看91精品国产性色| 欧美成人午夜影院| 国产成人精品久久二区二区| 欧美在线一级视频| 一区三区二区视频| 成人免费黄色网| 欧美午夜片在线免费观看| 日韩精品电影网| 成人黄色中文字幕| 欧美人与性动交a欧美精品| 久久天天躁狠狠躁夜夜躁2014| 亚洲国产天堂网精品网站| 国产成人精品亚洲精品| 国产精品久久久久高潮| 韩国欧美亚洲国产| 91成人免费观看网站| 成人福利网站在线观看| www.美女亚洲精品| 国产精品欧美一区二区三区奶水| 日本精品久久久久影院| 色在人av网站天堂精品| 欧美电影免费观看高清| 国产一区二区香蕉| 中文字幕亚洲二区| 色偷偷噜噜噜亚洲男人的天堂| 精品久久久久久久久久国产| 色妞一区二区三区| 国产精品www色诱视频| 亚洲区bt下载| 亚洲精品视频免费在线观看| 91视频国产高清| 91色琪琪电影亚洲精品久久| 日韩免费在线播放| 久久久久久久电影一区| 欧美性xxxx极品高清hd直播| 日本一区二区不卡| 日韩电影大片中文字幕| 海角国产乱辈乱精品视频| 亚洲成人国产精品| 日韩在线欧美在线| 国产z一区二区三区| 欧美日韩精品二区| 亚洲日本成人女熟在线观看| 国产高清在线不卡| 亚洲综合在线小说| 亚洲国模精品一区| 亚洲性xxxx| 日韩电影免费观看在线| 欧美激情免费观看| 成人国产在线视频|