CẬP NHẬT
Tôi đã tìm thấy liên kết thú vị này làm thế nào để giải quyết vấn đề của bạn trong PHP. Tôi nghĩ rằng bạn đã quên thay thế
var fs = require['fs'],
data = fs.readFileSync['base64', 'utf8'],
base64Data,
binaryData;
base64Data = data.replace[/^data:image\/png;base64,/, ""];
base64Data += base64Data.replace['+', ' '];
binaryData = new Buffer[base64Data, 'base64'].toString['binary'];
fs.writeFile["out.png", binaryData, "binary", function [err] {
console.log[err]; // writes out file without error, but it's not a valid image
}];
var fs = require['fs'],
data = fs.readFileSync['base64', 'utf8'],
base64Data,
binaryData;
base64Data = data.replace[/^data:image\/png;base64,/, ""];
base64Data += base64Data.replace['+', ' '];
binaryData = new Buffer[base64Data, 'base64'].toString['binary'];
fs.writeFile["out.png", binaryData, "binary", function [err] {
console.log[err]; // writes out file without error, but it's not a valid image
}];
Tôi đã lấy vòng tròn này từ //images-mediawiki-sites.thefullwiki.org/04/1/7/5/6204600836255205.png dưới dạng mẫu trông giống như:
Tiếp theo tôi đặt nó qua //www.greywyvern.com/code/php/binary2base64 đã trả lại cho tôi:
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAAAAACPAi4CAAAAB3RJTUUH1QEHDxEhOnxCRgAAAAlwSFlzAAAK8AAACvABQqw0mAAAAXBJREFUeNrtV0FywzAIxJ3+K/pZyctKXqamji0htEik9qEHc3JkWC2LRPCS6Zh9HIy/AP4FwKf75iHEr6eU6Mt1WzIOFjFL7IFkYBx3zWBVkkeXAUCXwl1tvz2qdBLfJrzK7ixNUmVdTIAB8PMtxHgAsFNNkoExRKA+HocriOQAiC+1kShhACwSRGAEwPP96zYIoE8Pmph9qEWWKcCWRAfA/mkfJ0F6dSoA8KW3CRhn3ZHcW2is9VOsAgoqHblncAsyaCgcbqpUZQnWoGTcp/AnuwCoOUjhIvCvN59UBeoPZ/AYyLm3cWVAjxhpqREVaP0974iVwH51d4AVNaSC8TRNNYDQEFdlzDW9ob10YlvGQm0mQ+elSpcCCBtDgQD7cDFojdx7NIeHJkqi96cOGNkfZOroZsHtlPYoR7TOp3Vmfa5+49uoSSRyjfvc0A1kLx4KC6sNSeDieD1AWhrJLe0y+uy7b9GjP83l+m68AJ72AwSRPN5g7uwUAAAAAElFTkSuQmCC
Đã lưu chuỗi này vào
var fs = require['fs'],
data = fs.readFileSync['base64', 'utf8'],
base64Data,
binaryData;
base64Data = data.replace[/^data:image\/png;base64,/, ""];
base64Data += base64Data.replace['+', ' '];
binaryData = new Buffer[base64Data, 'base64'].toString['binary'];
fs.writeFile["out.png", binaryData, "binary", function [err] {
console.log[err]; // writes out file without error, but it's not a valid image
}];
var fs = require['fs'],
data = fs.readFileSync['base64', 'utf8'],
base64Data,
binaryData;
base64Data = data.replace[/^data:image\/png;base64,/, ""];
base64Data += base64Data.replace['+', ' '];
binaryData = new Buffer[base64Data, 'base64'].toString['binary'];
fs.writeFile["out.png", binaryData, "binary", function [err] {
console.log[err]; // writes out file without error, but it's not a valid image
}];
Tôi nhận được một vòng tròn trở lại, nhưng điều buồn cười là các tệp đã thay đổi :] ...
CHẤM DỨT
Khi bạn đọc lại hình ảnh, tôi nghĩ bạn cần thiết lập tiêu đề
Lấy ví dụ ImagePng từ trang PHP:
Tôi nghĩ rằng dòng thứ hai
var fs = require['fs'],
data = fs.readFileSync['base64', 'utf8'],
base64Data,
binaryData;
base64Data = data.replace[/^data:image\/png;base64,/, ""];
base64Data += base64Data.replace['+', ' '];
binaryData = new Buffer[base64Data, 'base64'].toString['binary'];
fs.writeFile["out.png", binaryData, "binary", function [err] {
console.log[err]; // writes out file without error, but it's not a valid image
}];
Trong Express, bạn chỉ cần sử dụng một cái gì đó như dưới đây. Tôi sẽ hiển thị gravatar của bạn được đặt tại //www.gravatar.com/avatar/cabf735ce7b8b4471ef46ea54f71832d?s=32&d= Tôi chỉ yêu cầu các tiêu đề vì những điều khác sẽ hiển thị một loạt các thứ nhị phân [Google Chrome ngay lập tức đi đến tải xuống] để điều khiển:
curl --head "//www.gravatar.com/avatar/cabf735ce7b8b4471ef46ea54f71832d?s=32&d=identicon&r=PG"
HTTP/1.1 200 OK
Server: nginx
Date: Wed, 03 Aug 2011 12:11:25 GMT
Content-Type: image/jpeg
Connection: keep-alive
Last-Modified: Mon, 04 Oct 2010 11:54:22 GMT
Content-Disposition: inline; filename="cabf735ce7b8b4471ef46ea54f71832d.jpeg"
Access-Control-Allow-Origin: *
Content-Length: 1258
X-Varnish: 2356636561 2352219240
Via: 1.1 varnish
Expires: Wed, 03 Aug 2011 12:16:25 GMT
Cache-Control: max-age=300
Source-Age: 1482
$ mkdir -p ~/tmp/6922728
$ cd ~/tmp/6922728/
$ touch app.js
app.js
var app = require['express'].createServer[];
app.get['/', function [req, res] {
res.contentType['image/jpeg'];
res.sendfile['cabf735ce7b8b4471ef46ea54f71832d?s=32&d=identicon&r=PG'];
}];
app.get['/binary', function [req, res] {
res.sendfile['cabf735ce7b8b4471ef46ea54f71832d?s=32&d=identicon&r=PG'];
}];
app.listen[3000];
$ wget "//www.gravatar.com/avatar/cabf735ce7b8b4471ef46ea54f71832d?s=32&d=identicon&r=PG"
$ node app.js
Tìm hiểu cách chuyển đổi hình ảnh thành chuỗi base64 và quay lại hình ảnh.
Bonus:
Bạn cũng sẽ học cách nén hình ảnh với Jimp.
Gần đây, tôi đã tham gia vào một dự án nơi hình ảnh được trả về từ trình duyệt ở định dạng
var fs = require['fs'],
data = fs.readFileSync['base64', 'utf8'],
base64Data,
binaryData;
base64Data = data.replace[/^data:image\/png;base64,/, ""];
base64Data += base64Data.replace['+', ' '];
binaryData = new Buffer[base64Data, 'base64'].toString['binary'];
fs.writeFile["out.png", binaryData, "binary", function [err] {
console.log[err]; // writes out file without error, but it's not a valid image
}];
var fs = require['fs'],
data = fs.readFileSync['base64', 'utf8'],
base64Data,
binaryData;
base64Data = data.replace[/^data:image\/png;base64,/, ""];
base64Data += base64Data.replace['+', ' '];
binaryData = new Buffer[base64Data, 'base64'].toString['binary'];
fs.writeFile["out.png", binaryData, "binary", function [err] {
console.log[err]; // writes out file without error, but it's not a valid image
}];
Cố gắng làm cho nó hoạt động trực tiếp bằng cách đọc một hình ảnh với phương pháp
var fs = require['fs'],
data = fs.readFileSync['base64', 'utf8'],
base64Data,
binaryData;
base64Data = data.replace[/^data:image\/png;base64,/, ""];
base64Data += base64Data.replace['+', ' '];
binaryData = new Buffer[base64Data, 'base64'].toString['binary'];
fs.writeFile["out.png", binaryData, "binary", function [err] {
console.log[err]; // writes out file without error, but it's not a valid image
}];
var fs = require['fs'],
data = fs.readFileSync['base64', 'utf8'],
base64Data,
binaryData;
base64Data = data.replace[/^data:image\/png;base64,/, ""];
base64Data += base64Data.replace['+', ' '];
binaryData = new Buffer[base64Data, 'base64'].toString['binary'];
fs.writeFile["out.png", binaryData, "binary", function [err] {
console.log[err]; // writes out file without error, but it's not a valid image
}];
const fs = require["fs"];
// Reads file in form buffer => Buffer => ImageMay mắn thay, Node.js cung cấp một mô -đun gốc gọi là bộ đệm có thể được sử dụng để thực hiện mã hóa và giải mã base64. Bộ đệm có sẵn như một đối tượng toàn cầu, điều đó có nghĩa là bạn không cần phải yêu cầu rõ ràng mô -đun này trong ứng dụng của mình.
Trong nội bộ,
Base64 Mã hóa
Trước hết chúng ta hãy chuyển đổi hình ảnh của chúng tôi thành base64 và sau đó thành bộ đệm
const fs = require["fs"];
// Create a base64 string from an image => ztso+Mfuej2mPmLQxgD ...
const base64 = fs.readFileSync["path-to-image.jpg", "base64"];
// Convert base64 to buffer =>