blog

urlをbase64に変換する

url から base64...

Mar 29, 2020 · 1 min. read
シェア

url を base64 に変換します。

http://..om/
 this.getBase64Image('http://..////--/----.pg', 'coopCachetImg')
// 最初のパラメータはイメージのURLアドレスで、2番目は変換後にbase64アドレスが割り当てられるimgタグである。
 function getBase64Image (url, ref) {
 var that = this
 var image = new Image()
 image.src = url + '?v=' + Math.random() // キャッシュを処理する
 image.crossOrigin = '*' // クロスドメインイメージをサポートする
 image.onload = function () {
 var base64 = that.drawBase64Image(image)
 console.log(base64);
 var imgSrc=document.getElementById('coopCachetImg');
 imgSrc.src=base64;
 // that.$refs[ref].src = base64
 }
 }
 function drawBase64Image (img) {
 var canvas = document.createElement('canvas')
 canvas.width = img.width
 canvas.height = img.height
 var ctx = canvas.getContext('2d')
 ctx.drawImage(img, 0, 0, img.width, img.height)
 var dataURL = canvas.toDataURL('image/png')
 return dataURL
 }
Read next

決定版 Https ガイド (I) からのメモ

ハッシュ関数は、任意の長さの入力を一定の長さの出力に変換するアルゴリズムです。暗号ハッシュ関数のいくつかの付加的な特性:抗原性(単一)

Mar 28, 2020 · 2 min read