❶ 前端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);