ที่นี่ฉันมีฟิลด์แบบฟอร์มสองช่อง ในนี้ฉันต้องการแปลงการเข้ารหัสฐาน 64 จากรูปภาพ และหลังจากนั้นฉันต้องการส่งผ่านในรูปแบบ JSON ไปยัง URL ถัดไป ฉันลองแบบนี้ แต่ฉันไม่ได้รับ บางครั้งฉันได้รับหนึ่ง ค่าที่ยื่น (ค่าที่เข้ารหัส) ข้อผิดพลาดที่ไม่ถูกตรวจจับ property_img ฉันไม่รู้ว่าต้องทำอย่างไร ใครก็ได้ช่วยฉันด้วย
var files = document.getElementById('floorplan_img').files;
if (files.length > 0) {
var file = files[0];
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function() {
console.log(reader.result);
var base64 = reader.result;
var str = base64;
var arr = str.split(",");
var floor_img = arr[1];
console.log(floor_img);
};
reader.onerror = function(error) {
console.log('Error: ', error);
};
}
var files1 = document.getElementById('upload_properties').files;
if (files1.length > 0) {
var file1 = files1[0];
var reader1 = new FileReader();
reader1.readAsDataURL(file1);
reader1.onload = function() {
var base64_img = reader1.result;
var str_64 = base64_img;
var arr_str = str_64.split(",");
var property_img = arr_str[1];
console.log(property_img);
};
reader1.onerror = function(error) {
console.log('Error: ', error);
};
}
<input type="file" id="floorplan_img">
<input type="file" id="upload_properties">
data URI
s สองอันเข้าด้วยกันจะไม่สร้างไฟล์ใหม่ คุณสามารถใช้canvas
เพื่อสร้างรูปภาพใหม่ที่มีทั้งสองรูปภาพ จากนั้นเรียกcanvas.toDataURL()
จากcanvas.toBlob()
และใช้FileReader.prototype.readAsDataURL()
ดู ฉันจะสร้าง Canvas Image จากได้อย่างไร แหล่งที่มาของภาพในอาร์เรย์? - person guest271314   schedule 21.12.2016