調用微信JS上傳照片介面上傳圖片

来源:http://www.cnblogs.com/stubborn-donkey/archive/2017/08/29/7446776.html
-Advertisement-
Play Games

public ActionResult UploadImge(string serverId) { var headPath = "/UploadImage/" + DateTime.Now.ToString("yyyyMM"); string AbsoluteFilePath = Server.M... ...


public ActionResult UploadImge(string serverId)
        {
            var headPath = "/UploadImage/" + DateTime.Now.ToString("yyyyMM");
            string AbsoluteFilePath = Server.MapPath(headPath);
            if (!Directory.Exists(AbsoluteFilePath))
            {
                Directory.CreateDirectory(AbsoluteFilePath);
            }
            string imgPath = headPath + "/" + DateTime.Now.ToString("yyyyMMddHHmm") + serverId + ".jpg";//原圖
            string AbsolutePath = Server.MapPath(imgPath);
            WeChatClient.SaveMultimedia(serverId, AbsolutePath);


            return Json(imgPath);

        }

        public ActionResult UploadImge2(string serverId)
        {
            var headPath = "/UploadImage/" + DateTime.Now.ToString("yyyyMM");
            string AbsoluteFilePath = Server.MapPath(headPath);
            if (!Directory.Exists(AbsoluteFilePath))
            {
                Directory.CreateDirectory(AbsoluteFilePath);
            }
            string imgPath = headPath + "/" + DateTime.Now.ToString("yyyyMMddHHmm") + serverId + ".jpg";
            string AbsolutePath = Server.MapPath(imgPath);

            WeChatClient.SaveMultimedia(serverId, AbsolutePath);

            CommonUtil.MakeThumbnail(AbsolutePath, AbsolutePath.Replace(".jpg", "_2.jpg"),3, 4);//以3:4比例裁剪
            return Json(imgPath);

        }
        public ActionResult UploadImge3(string serverId)
        {
            var headPath = "/UploadImage/" + DateTime.Now.ToString("yyyyMM");
            string AbsoluteFilePath = Server.MapPath(headPath);
            if (!Directory.Exists(AbsoluteFilePath))
            {
                Directory.CreateDirectory(AbsoluteFilePath);
            }
            string imgPath = headPath + "/" + DateTime.Now.ToString("yyyyMMddHHmm") + serverId + ".jpg";
            string AbsolutePath = Server.MapPath(imgPath);

            WeChatClient.SaveMultimedia(serverId, AbsolutePath);

            CommonUtil.MakeThumbnail(AbsolutePath, AbsolutePath.Replace(".jpg", "_3.jpg"), 4, 3);//以4:3比例裁剪圖片
            return Json(imgPath);

        }
  public static void MakeThumbnail(string originalImagePath, string thumbnailPath, int bw = 4, int bh = 3)
        {
            try
            {
                Image originalImage = Image.FromFile(originalImagePath);
                var bl = originalImage.Height * 1.00 / originalImage.Width;
                int orgWith, orgHeight, startY = 0, startX = 0, newWith, newHeight = 0;
                var bd = bh * 1.00 / bw;
                if (bl > bd)
                {
                    orgWith = originalImage.Width;
                    orgHeight = (int)(originalImage.Width * bh / bw);
                    startY = (originalImage.Height - orgHeight) / 2;
                    newWith = orgWith;
                    if (newWith > 720)
                    {
                        newWith = 720;
                    }
                    newHeight = (int)(newWith * bh / bw);

                }
                else
                {
                    orgWith = originalImage.Height * bw / bh;
                    orgHeight = originalImage.Height;
                    startX = (originalImage.Width - orgWith) / 2;
                    newWith = orgWith;
                    if (newWith > 720)
                    {
                        newWith = 720;
                    }
                    newHeight = (int)(newWith * bh / bw);
                }


                Bitmap destBitmap = new Bitmap(newWith, newHeight);//目標圖
                Rectangle destRect = new Rectangle(0, 0, newWith, newHeight);//矩形容器
                Rectangle srcRect = new Rectangle(startX, startY, orgWith, orgHeight);

                var g = Graphics.FromImage(destBitmap);
                //設置高質量插值法 
                g.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.High;
                //設置高質量,低速度呈現平滑程度 
                g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality;
                //清空畫布並以透明背景色填充 
                g.Clear(Color.Transparent);

                try
                {
                    g.DrawImage(originalImage, destRect, srcRect, GraphicsUnit.Pixel);
                    destBitmap.Save(thumbnailPath, originalImage.RawFormat);
                }
                catch (System.Exception e)
                {

                }
                finally
                {
                    originalImage.Dispose();
                    destBitmap.Dispose();
                    g.Dispose();
                }

            }
            catch (Exception)
            {


            }
        }


    }
public static void SaveMultimedia(string MEDIA_ID, string savepath)
        {
            string file = string.Empty;
            string strpath = string.Empty;
            string stUrl = "http://file.api.weixin.qq.com/cgi-bin/media/get?access_token=" + MyToken.Token + "&media_id=" + MEDIA_ID;
            HttpWebRequest req = (HttpWebRequest)HttpWebRequest.Create(stUrl);
            req.Method = "GET";
            using (WebResponse wr = req.GetResponse())
            {
                HttpWebResponse myResponse = (HttpWebResponse)req.GetResponse();
                strpath = myResponse.ResponseUri.ToString();
                WebClient mywebclient = new WebClient();
                try
                {
                    mywebclient.DownloadFile(strpath, savepath);
                }
                catch (Exception ex)
                {
                    savepath = ex.ToString();
                }

            }

        }
 var uploadNum = 0;
        wx.config({
            debug: false, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來,若要查看傳入的參數,可以在pc端打開,參數信息會通過log打出,僅在pc端時才會列印。
            appId: '********', // 必填,公眾號的唯一標識
            timestamp: '@(ViewBag.timestamp)', // 必填,生成簽名的時間戳
            nonceStr: '@(ViewBag.nonceStr)', // 必填,生成簽名的隨機串
            signature: '@(ViewBag.signature)',// 必填,簽名,見附錄1
            jsApiList: ['chooseImage', 'previewImage', 'uploadImage', 'downloadImage'] // 必填,需要使用的JS介面列表,所有JS介面列表見附錄2
        });



        function uploadImge() {
            var ttnum = 5 - uploadNum;
            wx.chooseImage({
                count: ttnum, // 預設9
                sizeType: ['compressed'], // 可以指定是原圖還是壓縮圖,預設二者都有
                sourceType: ['album', 'camera'], // 可以指定來源是相冊還是相機,預設二者都有
                success: function (res) {
                    var localIds = res.localIds; // 返回選定照片的本地ID列表,localId可以作為img標簽的src屬性顯示圖片
                    uploadImg(localIds, 0);
                }
            });
        }

        function uploadImg(localIds, num) {
            if (localIds.length <= num) {
                return;
            }
            var localId = localIds[num];

            wx.uploadImage({
                localId: localId, // 需要上傳的圖片的本地ID,由chooseImage介面獲得
                isShowProgressTips: 1, // 預設為1,顯示進度提示
                success: function (sres) {
                    var serverId = sres.serverId; // 返回圖片的伺服器端ID
                    $.post("/WeiXin/Home/UploadImge3", { serverId: serverId }, function (data) {
                        var picPath = $("#PicPath").val();
                        if (picPath == "") {
                            picPath = data;
                        } else {
                            picPath = picPath + "," + data;
                        }
                        $("#PicPath").val(picPath);

                        var temphtml = "";

                        if (window.__wxjs_is_wkwebview) {
                            wx.getLocalImgData({
                                localId: localId, // 圖片的localID
                                success: function (res) {
                                    var localData = res.localData; // localData是圖片的base64數據,可以用img標簽顯示
                                    temphtml = '<div class="col-xs-6"><img src="/Content/img/叉-m.png" style="width:20px;height:20px;position:absolute;z-index:2;right:15px;" onclick="delimg(this,\'' + data + '\')"/><img src="' + localData + '" class="picimg" style="z-index:1;position:absolute"/>';

                                    $("#picdiv").before(temphtml);
                                    uploadNum = uploadNum + 1;
                                    if (uploadNum >= 5) {
                                        $("#picdiv").hide();
                                    }
                                    uploadImg(localIds, num + 1)
                                }
                            });
                        } else {
                            temphtml = '<div class="col-xs-6"><img src="/Content/img/叉-m.png" style="width:20px;height:20px;position:absolute;z-index:2;right:15px;" onclick="delimg(this,\'' + data + '\')"/><img src="' + localId + '" class="picimg" style="z-index:1;position:absolute"/>';
                            $("#picdiv").before(temphtml);
                            uploadNum = uploadNum + 1;
                            if (uploadNum >= 5) {
                                $("#picdiv").hide();
                            }
                            uploadImg(localIds, num + 1)
                        }
                    })


                }
            });

        }

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 繼上篇寫到數據抓取,數據抓了以後,準備大幹一番,結果遇到了大問題,磁力解析的問題。貌似只能通過迅雷離線下載完了後才可以觀看,和我之前想象中的完全不一樣,這跟我之前的初衷完全不一樣,我想要的是可以體驗無需現在,類似於愛奇藝一樣 流暢的播放。所以,在折騰了N多資料以後,發現了一些竅門,網上有很多說法,比 ...
  • Vino.Core.Extensions.Layui 如果您的.net core 2.0項目使用layui來渲染表單,那麼您可以嘗試使用這個擴展庫可以幫你減少代碼和工作量。 項目地址:https://github.com/kulend/Vino.Core.Extensions 安裝方法 PM> In ...
  • APS.NET MVC 上傳文件出現 System.Web.HttpException: 超過了最大請求長度 這個問題 原因是 預設最大上傳文件大小為4096,而我提交的文件太大了。 解決方案:修改config.xml,設置最大maxRequestLength <configuration> <sy ...
  • 頁面的處理指令 頁面指令的處理用於配置執行該頁面的運行時環境。在ASP.NET中,指令可以位於頁面的任何位置,但良好且常見的習慣是將其置於文件的開始部分。除此,頁面指令的名稱是不區分大小寫的,且指令的屬性(attribute)值也不必加引號。@Page是ASP.NET中最重要的也是最常用的指令。表3 ...
  • 當有全局變數時,如:protected static Dictionary<string, string> SalesMail = new Dictionary<string, string>(); 每天運行程式時,會使用到這個變數,比如:往這個變數中添加數據。如果服務不停止或重新啟動,這個變數會存 ...
  • asp.net的<% %>總結 在asp.net應用程式中,在asp.net頁面常用的<%@ %>、<%# %>、<%= %>。在全球化的項目中使用<%$ %>綁定資源項目,在asp.net mvc中使用<%: %>綁定ViewData。 <%@ %>主要用於在web頁面定義Page、引入控制項、組件 ...
  • 先看一道常見題目,以下代碼的執行結果是什麼? 一、定義 由名稱可知,靜態構造函數(也稱為類型構造函數)包含“靜態”和“構造函數”兩個特點。第一個特點決定了它與靜態函數類似,只能使用靜態成員;第二個特點決定了它與構造函數類似,具有初始化作用,並且沒有返回值。 與構造函數(針對實例對象)不同的是,靜態構 ...
  • 一、下載RabbitMQ http://www.rabbitmq.com/install-windows.html 二、下載OTP http://www.erlang.org/downloads 三、安裝OTP、RabbitMQ 四、配置RabbitMQ 找到bat的目錄 執行相關命令 1.添加用戶 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...