❶ 前端js把圖片轉換成base64位的後端(C#)怎麼轉成image保存
stringbase64Str="圖片的BASE64字元串";
byte[]bytes=System.Convert.FromBase64String(base64Str);
using(System.IO.MemoryStreamms=newSystem.IO.MemoryStream(bytes))
{
returnSystem.Drawing.Image.FromStream(ms);
}
❷ vue.js項目開發,base64格式圖片怎麼在前端頁面顯示
首先直接把base64編碼復制到瀏覽器裡面看是否能正常查看，
如果能img 直接 src 賦值就OK了
如果不能就是圖片損壞了~~望採納謝謝~
❸ 前端把圖片壓縮轉換成base64編碼把值賜予input='hidden' 之後提交給後台. HTML5,PHP,Javascript,canvas
缺點你無法直接驗證傳來的base64數據的完整性，比如大小，文件頭之類的，還需要自己來實現。
❹ 前台js獲取base64編碼顯示圖片，明明獲取到值，但是報錯提示src不能為undefined，在線等！跪求大佬！！！
用getAttribute的看下
❺ 前端將圖片轉換為base64位，使用ajax傳遞到後台，但是圖片經過base64轉換成字元串後非常長，無法使用ajax
前端JS
var reader = new FileReader();
reader.onload = function (e) {
//圖片base64數據
var imgBase64Data = e.target.result;
var pos = imgBase64Data.indexOf("4")+2;
imgBase64Data = imgBase64Data.substring(pos, imgBase64Data.length - pos);//去掉Base64:開頭的標識字元
$.ajax({
type: "POST",
url: "http://imginapi.com/image/AddImage",
async: false,
xhrFields: { withCredentials: true },
data: { 'base64StrImgData': imgBase64Data, 'imgFormat': fileext},
dataType: "text",
success: function (data) {
alert(data);
domUtils.on(iframe, 'load', callback);
},
error: function (err) {
alert("error");
alert(err.responseText);
}
});
return;
};
reader.readAsDataURL(input.files[0]);
後台C#代碼:
/// <summary>
/// 圖像轉換為Base64編碼
/// </summary>
/// <param name="image">圖像</param>
/// <param name="format">圖像格式</param>
/// <param name="throwException">出現異常時是否拋出</param>
/// <returns>轉換成功返回其Base64編碼；失敗返回空串</returns>
public static string ImageToBase64(System.Drawing.Image image, ImageFormat format, OPResult opRes, bool throwException = false)
{
return ExceptionHelper.ExceptionRecord(() =>
{
string base64String = "";
try
{
using (MemoryStream ms = new MemoryStream())
{
image.Save(ms, format);
byte[] imageBytes = ms.ToArray();
base64String = Convert.ToBase64String(imageBytes);
}
}
catch (Exception ex)
{
throw new Exception("將圖片轉成base64字元串時出現異常:" + ex);
}
return base64String;
}, opRes, throwException);
}
❻ 前端js生成base64編碼後端c#怎麼保存成圖片
string base64= "xcuivosfoamfodamf;mzxcvl;。。。。。";
byte[] byteimage = Convert.FromBase64String(base64);
System.IO.File.WriteAllBytes(@"c:\test.jpg", byteImage);
就存到C盤下了， 文件名是test.jpg
❼ 如何通過js將一base64編碼的圖片顯示在html中
要完成這個效果，有以下幾步：
將圖片轉化為base64編碼格式。
輸入<script>
var img = new Image();//創建img容器
img.src=『這兒就是復制填寫上面那一大串』；//給img容器引入base64的圖片
</scirpt>
3.最後一步：
document.body.appendChild(img)；//將img容器添加到html的節點中就行了。
❽ 用asp/js 做一個動態讀取base64的圖片並顯示到網頁上
以ASP為例，假設圖片的格式為JPG，文件名為base64pic.asp。 Response.ContentType = "image/gif" Response.BinaryWrite base64Decoder("pic") 以上代碼用於輸出圖片內容。然後在網頁中引用：<img src="base64pic.asp">
❾ base64的圖片怎麼顯示在html文檔裡面呢
直接把圖片轉成的base64字元串放在圖片鏈接裡面就行，需要注意是data:開頭的，給你看下今日頭條logo的背景圖片展示
❿ 前端將圖片轉換為base64位無法使用ajax傳遞怎麼解決
前端生成的代碼最終格式如下：
data:image/png;base64,xxxxxxxxxx...........
後端這樣解碼
base64=base64.Replace("data:image/png;base64,", "");
byte[] bytes =Convert.FromBase64String(base64);
MemoryStream memStream = new MemoryStream(bytes);
BinaryFormatter binFormatter = new BinaryFormatter;
return(System.Drawing.Image)binFormatter.Deserialize(memStream);