Bài viết có tâm quá !
Thêm tag MayFest vào 4 bài viết trong tháng 5 để có cơ hội nhận quà Viblo đi người anh 😺😺

Yayy (thankyou) người anh @Bayka 🎸

@khanh1234 bạn đừng truyền new FormData(this), làm đúng như đoạn mình bảo:

var fd = new FormData(); // đừng truyền gì vào contructor của nó 
fd.append('field', value) // ví dụ vậy

Bổ ích bác ơi

@huukimit Failed to construct 'FormData': parameter 1 is not of type 'HTMLFormElement' em update record ,bị dính lỗi này ạ

@le.vinh.thien upload ảnh thì mk làm được rồi ạ,mình đang bị lỗi edit 1 record, Failed to construct 'FormData': parameter 1 is not of type 'HTMLFormElement'

Lúc viết bài thì chưa có

@huukimit logs nó ra như ở commnad ví dụ như nginx /bin/bash /opt/startup.sh : Permission denied

Bác cho xin logs lỗi của container được không. Anh em đỡ phải đoán mò.

Lỗi này có writeup rồi mà

(fancung)

hay quá em ê

(duckdance)

@khanh1234 Trong controller bạn query data đã tạo ở phần create ra theo id. Sau đó thì lấy link ảnh từ data rồi render blade view thì thực hiện render thêm thẻ img. Nếu không dùng blade view thì sau khi trang load thành công, bạn cần ajax lên để lấy data rồi add lại link cho thẻ img.

@huukimit vâng, em định cho 1 cái img để hiện ảnh hiện tại nhưng chưa biết viết thế nào trong ajax để hiện,bt sử lý sẽ là thư mục lưu ảnh và id

@khanh1234 sẽ sử dụng đoạn như dưới

var fd = new FormData();
var files = $('#file')[0].files[0];
fd.append('file',files);

tham khảo thêm: https://makitweb.com/how-to-upload-image-file-using-ajax-and-jquery/

@khanh1234 Chính vì thế nên chẳng ai đổ dữ liệu ảnh ra mục value của input file đâu bạn mà sẽ có một thẻ img để hiển thị ảnh hiện tại. Chỗ chọn ảnh luôn là chọn ảnh mới và upload lại file mới lên server.

Trên controller, nếu cái request update mà thấy có file ảnh được upload lên thì bạn sẽ xử lý lưu ảnh giống như bạn làm trong mục create.

series nói chung và bài viết nói riêng rất hay và thiết thực

ý mk là khi click button edit thì hiện modal ,làm sao để đổ dữ liệu của ảnh ạ,thường thì text sẽ là ('#name-edit').val(), còn images thì sẽ k sử dụng được val

cảm ơn anh đã chia sẻ❤️ bổ ích