base64でアップロード写真やファイルを使用する方法[ヴュー/リアクト] VUEプロジェクト

リソースファイル内のフロントエンドは、HTML5で缶をアップロードすると、FileReaderのは、援助の写真やドキュメントをアップロードするオブジェクト。情報へのより便利なアクセスを提供するための方法を使用して、オブジェクトの一部のプロパティは、ファイルをアップロードしました。次のようにVUEのプロジェクトでの動作は以下のとおりです。

（1）変更イベントの入力[TYPE =「ファイルを」]結合

<input @change="uploadPhoto($event)" type="file" class="kyc-passin">

（2）画像またはファイルbase64エンコーディングを取得するFileReaderのオブジェクトの使用

ファイルへのアクセス、画像サイズの上限を設定し、BASE64へのアクセスを含みます

uploadPhoto(e) {    
	// 利用fileReader对象获取file    
	var file = e.target.files[0];    
	var filesize = file.size;    
	var filename = file.name;    
	// 2,621,440   2M    
	if (filesize > 2101440) {        
	// 图片大于2MB     
	}    
	var reader = new FileReader();    
	reader.readAsDataURL(file);    
	reader.onload = function (e) {         
	// 读取到的图片base64 数据编码 将此编码字符串传给后台即可        
	var imgcode = e.target.result;        
	console.log(imgcode);    
	}
}

符号化画像又はファイルを取得する（3）再利用AJAXあなたが背景を渡すことができ