Hướng dẫn convert image url to binary javascript - chuyển đổi url hình ảnh sang javascript nhị phân

Tôi phải chuyển đổi một hình ảnh thành nhị phân để lưu trữ nó thông qua IPFS và lấy lại nó dưới dạng hình ảnh có thể xem được.

Tôi nên làm điều này với mã JavaScript. Có cơ thể nào có bất kỳ ví dụ rõ ràng về cách làm điều này? Base64 sẽ giúp tôi chứ?

Cảm ơn trước

hỏi ngày 26 tháng 7 năm 2018 lúc 7:47Jul 26, 2018 at 7:47

2

Sử dụng đầu đọc tệp:

/******************for base 64 *****************************/
function uploadFile[inputElement] {
  var file = inputElement.files[0];
  var reader = new FileReader[];
  reader.onloadend = function[] {
    console.log['Encoded Base 64 File String:', reader.result];
    
    /******************* for Binary ***********************/
    var data=[reader.result].split[','][1];
     var binaryBlob = atob[data];
     console.log['Encoded Binary File String:', binaryBlob];
  }
  reader.readAsDataURL[file];
}

Đã trả lời ngày 26 tháng 7 năm 2018 lúc 7:59Jul 26, 2018 at 7:59

Dinesh Ghuledinesh GhuleDinesh Ghule

3.3154 Huy hiệu vàng22 Huy hiệu bạc38 Huy hiệu đồng4 gold badges22 silver badges38 bronze badges

Tệp này chứa văn bản unicode hai chiều có thể được giải thích hoặc biên dịch khác với những gì xuất hiện dưới đây. Để xem xét, hãy mở tệp trong một trình soạn thảo cho thấy các ký tự Unicode ẩn. Tìm hiểu thêm về các ký tự unicode hai chiều

NAMA FILEinput type="file" id="inputImg" />
Tệp này chứa văn bản unicode hai chiều có thể được giải thích hoặc biên dịch khác với những gì xuất hiện dưới đây.Để xem xét, hãy mở tệp trong một trình soạn thảo cho thấy các ký tự Unicode ẩn.Tìm hiểu thêm về các ký tự unicode hai chiềubr>
Nhập tệp
Tệp này chứa văn bản unicode hai chiều có thể được giải thích hoặc biên dịch khác với những gì xuất hiện dưới đây.Để xem xét, hãy mở tệp trong một trình soạn thảo cho thấy các ký tự Unicode ẩn.Tìm hiểu thêm về các ký tự unicode hai chiềubr>
Tệp kích thước
Tệp này chứa văn bản unicode hai chiều có thể được giải thích hoặc biên dịch khác với những gì xuất hiện dưới đây.Để xem xét, hãy mở tệp trong một trình soạn thảo cho thấy các ký tự Unicode ẩn.Tìm hiểu thêm về các ký tự unicode hai chiềubr>
base64IMG:
Tệp này chứa văn bản unicode hai chiều có thể được giải thích hoặc biên dịch khác với những gì xuất hiện dưới đây.Để xem xét, hãy mở tệp trong một trình soạn thảo cho thấy các ký tự Unicode ẩn.Tìm hiểu thêm về các ký tự unicode hai chiềubr>
blobimg:
Tệp này chứa văn bản unicode hai chiều có thể được giải thích hoặc biên dịch khác với những gì xuất hiện dưới đây.Để xem xét, hãy mở tệp trong một trình soạn thảo cho thấy các ký tự Unicode ẩn.Tìm hiểu thêm về các ký tự unicode hai chiềubr>
NAMA FILEimg src="" id="base64Img" alt="" />
Tệp này chứa văn bản unicode hai chiều có thể được giải thích hoặc biên dịch khác với những gì xuất hiện dưới đây.Để xem xét, hãy mở tệp trong một trình soạn thảo cho thấy các ký tự Unicode ẩn.Tìm hiểu thêm về các ký tự unicode hai chiềubr>
Nhập tệp
Tệp này chứa văn bản unicode hai chiều có thể được giải thích hoặc biên dịch khác với những gì xuất hiện dưới đây.Để xem xét, hãy mở tệp trong một trình soạn thảo cho thấy các ký tự Unicode ẩn.Tìm hiểu thêm về các ký tự unicode hai chiềubr>
NAMA FILEimg src="" id="blobImg" alt="" />
Tệp này chứa văn bản unicode hai chiều có thể được giải thích hoặc biên dịch khác với những gì xuất hiện dưới đây.Để xem xét, hãy mở tệp trong một trình soạn thảo cho thấy các ký tự Unicode ẩn.Tìm hiểu thêm về các ký tự unicode hai chiềubr>
Nhập tệp
Tệp này chứa văn bản unicode hai chiều có thể được giải thích hoặc biên dịch khác với những gì xuất hiện dưới đây.Để xem xét, hãy mở tệp trong một trình soạn thảo cho thấy các ký tự Unicode ẩn.Tìm hiểu thêm về các ký tự unicode hai chiềubr>
Tệp này chứa văn bản unicode hai chiều có thể được giải thích hoặc biên dịch khác với những gì xuất hiện dưới đây.Để xem xét, hãy mở tệp trong một trình soạn thảo cho thấy các ký tự Unicode ẩn.Tìm hiểu thêm về các ký tự unicode hai chiềupre id="binaryImg" style="background: #fff; border: 1px solid #777; padding: 10px">
Tệp này chứa văn bản unicode hai chiều có thể được giải thích hoặc biên dịch khác với những gì xuất hiện dưới đây.Để xem xét, hãy mở tệp trong một trình soạn thảo cho thấy các ký tự Unicode ẩn.Tìm hiểu thêm về các ký tự unicode hai chiềubr>
NAMA FILEinput type="submit" id="saveImg" value="Save & Download" />
Tệp này chứa văn bản unicode hai chiều có thể được giải thích hoặc biên dịch khác với những gì xuất hiện dưới đây.Để xem xét, hãy mở tệp trong một trình soạn thảo cho thấy các ký tự Unicode ẩn.Tìm hiểu thêm về các ký tự unicode hai chiềuscript type="text/javascript">
varblobURL; blobURL;
varfileName; fileName;
Nhập tệp
Tệp kích thước
functionconvertDataURIToBinary[dataURI]{ convertDataURIToBinary[dataURI] {
varBASE64_MARKER=';base64,'; BASE64_MARKER = ';base64,';
varbase64Index=dataURI.indexOf[BASE64_MARKER]+BASE64_MARKER.length; base64Index = dataURI.indexOf[BASE64_MARKER] + BASE64_MARKER.length;
varbase64=dataURI.substring[base64Index]; base64 = dataURI.substring[base64Index];
varraw=window.atob[base64]; raw = window.atob[base64];
varrawLength=raw.length; rawLength = raw.length;
vararray=newUint8Array[newArrayBuffer[rawLength]]; array = new Uint8Array[new ArrayBuffer[rawLength]];
for[i=0;i[i = 0; i

Bài Viết Liên Quan

Chủ Đề