30/09/2018, 20:46

Hỏi về upload ảnh trong bộ editor của php

Mình đang làm 1 chức năng viết bài cho diễn đàn hoặc bài báo, nhưng đang bị vướng ở chỗ up ảnh vào bài viết đó. Ví dụ như bộ editor này https://imperavi.com/redactor có thể chọn ảnh trực tiếp từ máy tính và chèn vào bài viết. nhg nó phải trả phí nên mình tự tìm ở đây https://github.com/html5cat/redactor-js
thì có thể chọn ảnh từ máy tính rồi, nhg lại vướng 1 cái là khi chọn ảnh xong lại không hiển thị dc ảnh.
Có 1 thắc mắc nữa là khi hiển thị ảnh trong bài viết thì
nhg khi submit bài viết thì đường dẫn ảnh sẽ thay đổi. làm tn để thay đôi đường dẫn ảnh trong bài viết luôn
Ai có kinh nghiệm giúp mình với.

Luong Nguyen viết 22:47 ngày 30/09/2018

dùng cái này bạn nhé: http://summernote.org/. ảnh upload trong bài viết thì mình tự xử lý, nhưng mình không hiểu lắm về chuyện bị thay đổi đường dẫn. nó đã lưu đâu mà đã có đường dẫn khi up?

Son Tran viết 22:52 ngày 30/09/2018

Nó dùng Base64 để chuyển ảnh thành dạng text để lưu trữ thẳng trong bài viết đó bạn.

Bạn dùng thử các tool online kiểu này: https://www.base64-image.de/

Upload 1 ảnh lên để xem sau khi encode Base64 thì ảnh của bạn sẽ có dạng kiểu như:
data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/7QA2UGhvdG9zaG9.....

Hầu hết các trình duyệt hiện tại đều có khả năng đọc dạng dữ liệu này để hiển thị ảnh như ảnh thông thường dạng như:

<img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAAQABAAD/7QA2UGhvdG9zaG9....."/>

Điều đó có nghĩa là 1 khi ảnh đã vào bài viết bạn thì nó không còn phụ thuộc vào đường dẫn nửa, mặc cho link gốc sống hay chết thì nó vẫn sống trong bài viết của bạn.

Phương pháp này củng có ưu và nhược điểm của nó:

Ưu điểm: Nhanh gọn, dễ sử dụng.

Nhược điểm: Độ dài của string sau khi encode tỷ lệ thuận với độ lớn (size) của ảnh. Ảnh càng to càng nặng thì string này càng dài (cực dài). Điều này sẽ làm cho db (cơ sở dữ liệu) phải lưu trữ nhiều hơn và có thể ảnh hưởng đến tốc độ load bài viết.
Do đó, tốt nhất là nên download ảnh về, dùng các phần mềm xử lý ảnh scale ảhh lại thành kích cỡ hợp lý trước khi đưa vào summernote.

Nguyễn Hoàng Khánh viết 22:56 ngày 30/09/2018

cảm ơn mọi người có gì thắc mắc mình sẽ hỏi thêm

Bài liên quan
0