.net MVC+Bootstrap下使用localResizeIMG上传图片

.net MVC+Bootstrap下使用localResizeIMG上传图片

本文实例为大家分享了使用localResizeIMG上传图片的具体代码，供大家参考，具体内容如下

需要加载的头文件

html:

维修照片上传

accept=“image/*”  这里有些手机可以拍照 有些不行 没有具体测试统计

$("#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); //呈现图像(拍照結果)

$.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转换

[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 MemorYeQqwznyStream(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实现多文件上传

js实现异步上传压缩图片

spring mvc+localResizeIMG实现HTML5端图片压缩上传

HTML5+Canvas调用手机拍照功能实现图片上传（上）

HTML5实现微信拍摄上传照片功能 遇到问题的解决方法

js实现纯前端的图片预览

推荐三款不错的图片压缩上传插件(webuploader、localResizeIMG4、LUploader)

H5图片压缩与上传实例

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。