js把图片的dataurl数据转换成图片并上传(upload传参数据仿造)

//图片数据
var dataurl = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD......"; 

//上传到后端
var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
while(n--){
	u8arr[n] = bstr.charCodeAt(n);
}
var obj = new Blob([u8arr], {type:mime});
var fd = new FormData();
fd.append("file", obj,"image.png");
upload(fd).then(res=>{})//upload接口

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要将数字转换成颜色并转换成图片,可以使用以下步骤: 1. 将数字转换成16进制颜色代码。例如,如果数字为255,可以将其转换为#FF0000(红色)。 2. 使用JavaScript创建一个div元素,并将其背景颜色设置为步骤1中的16进制颜色代码。 3. 使用一个canvas元素,在其中创建一个图像,将div元素渲染到canvas上。 4. 使用canvas.toDataURL()方法将canvas元素转换为图像的dataURL。 5. 使用JavaScript创建一个img元素,并将其src属性设置为步骤4中的dataURL。 以下是一个简单的实现示例: ```javascript // 将数字转换为16进制颜色代码 function numberToColor(number) { var hex = number.toString(16); return "#" + "0".repeat(6 - hex.length) + hex; } // 创建一个div元素,并设置其背景颜色 var div = document.createElement("div"); div.style.backgroundColor = numberToColor(255); // 创建一个canvas元素,并将div元素渲染到其中 var canvas = document.createElement("canvas"); canvas.width = 100; canvas.height = 100; var ctx = canvas.getContext("2d"); ctx.drawImage(div, 0, 0, 100, 100); // 将canvas元素转换为dataURL,并将其设置为img元素的src属性 var img = document.createElement("img"); img.src = canvas.toDataURL(); document.body.appendChild(img); // 将img元素添加到页面中显示 ``` 这将创建一个红色的100x100像素图像。您可以根据需要更改数字和canvas大小来创建不同颜色和尺寸的图像。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值