亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

.net MVC+Bootstrap下使用localResizeIMG上傳圖片

 更新時間:2017年04月21日 11:40:45   作者:sj2016  
這篇文章主要為大家詳細介紹了.net MVC和Bootstrap下使用 localResizeIMG上傳圖片,具有一定的參考價值,感興趣的小伙伴們可以參考一下

本文實例為大家分享了使用localResizeIMG上傳圖片的具體代碼,供大家參考,具體內(nèi)容如下

需要加載的頭文件

 html:

<div class="form-group">
 <label class="col-sm-6 control-label" for="inputfile">維修照片上傳</label>
 <div class="col-sm-6 ">
 <div style="background:url(../../fonts/add.png) no-repeat;width:151px;height:150px;float:left;" id="div1">
 <input type="file" accept="image/*" id="file" class="selectinput" style="width:151px;height:150px;opacity:.01">
 </div>

 </div>
 </div>

accept=“image/*”  這里有些手機可以拍照 有些不行 沒有具體測試統(tǒng)計

$("#file").localResizeIMG({
 width: 400,
 //height: 200,
 quality: 1,
 success: function (result) {
 var img = new Image();
 img.src = result.base64;

 //$("body").append(img);
 $("#odd").append(img); //呈現(xiàn)圖像(拍照結(jié)果)
 $.ajax({
 url: "/Home/UploadImg",
 type: "POST",
 data: { "formFile": result.clearBase64, "RepairNum": $('#RepairNum').val()},
 dataType: "HTML",
 timeout: 1000,
 error: function () {
 alert("ajax Error");
 },
 success: function (data) {
 //alert("Uploads success~")
 }
 });
 }
 });

界面樣式

后臺action  Base64StringToImage 需要把壓縮后的Base64轉(zhuǎn)換

[HttpPost]
 public ActionResult UploadImg()
 {
 var file = Request["formFile"];
 var id = Request["RepairNum"];

 string fileName = "1.jpeg";
 string filePath = Server.MapPath("~/Upload/" + fileName);

 try
 {
 Base64StringToImage(file, filePath);
 //upImg.SaveAs(filePhysicalPath);
 //Session["ImgPath"] = path;
 //Base64StringToImage(file,);
 return Content("上傳成功");
 }
 catch
 {
 return Content("上傳異常 !");

 }
 }

 protected void Base64StringToImage(string strbase64, string filepath)
 {
 try
 {
 byte[] arr = Convert.FromBase64String(strbase64);
 MemoryStream ms = new MemoryStream(arr);
 System.Drawing.Bitmap bmp = new System.Drawing.Bitmap(ms);
 //bmp.Dispose(); 
 bmp.Save(filepath, System.Drawing.Imaging.ImageFormat.Jpeg);
 ms.Close();
 }
 catch (Exception ex)
 {
 }
 }

參考和下載GitHub:https://github.com/lyg945/localResizeIMG/tree/master/

參考文章:

localResizeIMG先壓縮后使用ajax無刷新上傳(移動端)

移動端使用localResizeIMG4壓縮圖片

基于javascript html5實現(xiàn)多文件上傳

JS實現(xiàn)異步上傳壓縮圖片

spring mvc+localResizeIMG實現(xiàn)HTML5端圖片壓縮上傳

HTML5+Canvas調(diào)用手機拍照功能實現(xiàn)圖片上傳(上)

HTML5實現(xiàn)微信拍攝上傳照片功能 遇到問題的解決方法

js實現(xiàn)純前端的圖片預(yù)覽

推薦三款不錯的圖片壓縮上傳插件(webuploader、localResizeIMG4、LUploader)

H5圖片壓縮與上傳實例

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • html a標簽-超鏈接中confirm方法使用介紹

    html a標簽-超鏈接中confirm方法使用介紹

    confirm可以彈出確定取消對話框,然后根據(jù)用戶的選擇執(zhí)行相應(yīng)的操作,接下來介紹實現(xiàn)過程,需要了解的朋友可以參考下
    2013-01-01
  • JS生成唯一id方式之UUID和NanoID

    JS生成唯一id方式之UUID和NanoID

    這篇文章主要介紹了JS生成唯一id方式之UUID和NanoID,唯一id有了更好的方式,那就是NanoID,今天這篇文章記錄一下NanoID 正在取代 UUID?及js 生成uuid及NanoID的方法,下面來看文章的詳細介紹
    2021-12-12
  • js統(tǒng)計頁面的來訪次數(shù)實現(xiàn)代碼

    js統(tǒng)計頁面的來訪次數(shù)實現(xiàn)代碼

    這篇文章主要介紹了如何使用js統(tǒng)計頁面的來訪次數(shù),需要的朋友可以參考下
    2014-05-05
  • JSON.stringify(遞歸)與?JSON.parse(有限狀態(tài)自動機)的實現(xiàn)代碼

    JSON.stringify(遞歸)與?JSON.parse(有限狀態(tài)自動機)的實現(xiàn)代碼

    這篇文章主要介紹了JSON.stringify(遞歸)與?JSON.parse(有限狀態(tài)自動機)的實現(xiàn),本文通過示例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2022-08-08
  • JS實現(xiàn)從表格中動態(tài)刪除指定行的方法

    JS實現(xiàn)從表格中動態(tài)刪除指定行的方法

    這篇文章主要介紹了JS實現(xiàn)從表格中動態(tài)刪除指定行的方法,通過getElementById獲取指定行再使用deleteRow方法來實現(xiàn)刪除行的功能,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-03-03
  • JavaScript與C# Windows應(yīng)用程序交互方法

    JavaScript與C# Windows應(yīng)用程序交互方法

    JavaScript與C# Windows應(yīng)用程序交互方法...
    2007-06-06
  • javascript動畫系列之模擬滾動條

    javascript動畫系列之模擬滾動條

    本文主要介紹了js動畫模擬滾動條的實現(xiàn)原理以及分享了通過滾動條實現(xiàn)的幾個應(yīng)用的實例代碼:1.通過移動滾動條來實現(xiàn)數(shù)字的加減;2.通過拖動滾動條來實現(xiàn)元素尺寸的變化,以改變元素寬度為例;3.通過拖動滾動條來實現(xiàn)內(nèi)容滾。需要的朋友一起來看下吧
    2016-12-12
  • javascript實現(xiàn)文件拖拽事件

    javascript實現(xiàn)文件拖拽事件

    這篇文章主要為大家詳細介紹了javascript實現(xiàn)文件拖拽事件,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2018-03-03
  • JavaScript實現(xiàn)三級級聯(lián)特效

    JavaScript實現(xiàn)三級級聯(lián)特效

    這篇文章主要介紹了JavaScript實現(xiàn)三級級聯(lián)特效,選擇省會出現(xiàn)相應(yīng)的縣下拉框,同時市的下拉框改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-11-11
  • JavaScript markdown 編輯器實現(xiàn)雙屏同步滾動

    JavaScript markdown 編輯器實現(xiàn)雙屏同步滾動

    這篇文章主要介紹了JavaScript markdown 編輯器實現(xiàn)雙屏同步滾動,文章圍繞主題展開詳細的內(nèi)容介紹,具有一定的參考價值,需要的小伙伴可以參考一下
    2022-08-08

最新評論