拖拽上傳如何獲取到圖片的base64

關於這個問題，我就簡單的描述一下。

圖片上傳兩種方式。1種為form表單上傳（這種沒啥說的），1種為拖拽上傳。

一個簡單的例子拖拽上傳如何得到圖片的base64的。

//新增拖拽事件
var dz = document.getElementById('dragAndDropBox');

dz.ondrop = function (ev) {
   ev.preventDefault();//阻止開啟圖片的

    var f = ev.dataTransfer.files[0]
    var fr=new FileReader();

    fr.readAsDataURL(f);

注意onload一定要有喲！

    fr.onload = function (e) {
        var data = this.result;     //此處得到的就是你的圖片的base64
        console.log(data)           //換成你的程式碼
    }

}