Hình ảnh tải lên HTML

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn giải pháp tải lên hình ảnh trong HTML và hiển thị, như chúng tôi biết bằng cách sử dụng thẻ đầu vào với loại 'tệp', chúng tôi có thể tải lên hình ảnh, để hiển thị hình ảnh đó, chúng tôi đã sử dụng javascript

Javascript được các lập trình viên trên khắp thế giới sử dụng để tạo nội dung web động và tương tác như ứng dụng và trình duyệt và nó là ngôn ngữ lập trình phía máy khách

Hãy xem cách sử dụng javascript để hiển thị hình ảnh với hướng dẫn từng bước

Hướng dẫn từng bước về tải lên hình ảnh trong HTML và hiển thị. -

In tag has onchange event which is used for making the change in the state and transforming the value once the event is triggered.

Với sự trợ giúp của sự kiện này, chúng tôi chuyển giá trị của hình ảnh đã tải lên sang phương thức createObjectURL() trong javascript

Đó là một phương thức tĩnh tạo một chuỗi chứa URL đại diện cho đối tượng được cung cấp trong tham số

So it can create URL of image by the value and sets to

Sử dụng thuộc tính chấp nhận của thẻ đầu vào. Để chỉ chấp nhận PNG, JPEG và GIF, bạn có thể sử dụng đoạn mã sau

Your Image File
  

Hoặc đơn giản

Your Image File
  

Lưu ý rằng điều này chỉ cung cấp gợi ý cho trình duyệt về loại tệp sẽ hiển thị cho người dùng, nhưng điều này có thể dễ dàng bị phá vỡ, vì vậy bạn cũng phải luôn xác thực tệp đã tải lên trên máy chủ

Nó sẽ hoạt động trong IE 10+, Chrome, Firefox, Safari 6+, Opera 15+, nhưng hỗ trợ rất sơ sài trên điện thoại di động (kể từ năm 2015) và theo một số báo cáo, điều này thực sự có thể ngăn một số trình duyệt di động tải lên bất kỳ thứ gì,

Làm cách nào để chèn hình ảnh vào HTML?

HTML có chấp nhận PNG không?