Hướng dẫn profile picture upload bootstrap - tải lên ảnh hồ sơ bootstrap
HTML đầu vào tải lên hình ảnh cho hình ảnh hồ sơ với các ví dụ mã Show
Xin chào tất cả mọi người, trong bài đăng này, chúng tôi sẽ xem xét hình ảnh tải lên tệp đầu vào HTML cho vấn đề hình ảnh hồ sơ có thể được giải quyết bằng ngôn ngữ máy tính. Không chỉ có một cách để giải quyết một vấn đề; Thay vào đó, có nhiều cách khác nhau có thể được thử. Hình ảnh tải lên tệp đầu vào HTML cho hình ảnh hồ sơ tiếp tục xuống, chúng tôi sẽ đi qua các giải pháp tiềm năng còn lại. #imageUpload { display: none; } #profileImage { cursor: pointer; } #profile-container { width: 150px; height: 150px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } #profile-container img { width: 150px; height: 150px; } $("#profileImage").click(function(e) { $("#imageUpload").click(); }); function fasterPreview( uploader ) { if ( uploader.files && uploader.files[0] ){ $('#profileImage').attr('src', window.URL.createObjectURL(uploader.files[0]) ); } } $("#imageUpload").change(function(){ fasterPreview( this ); }); Với nhiều ví dụ, chúng tôi đã thấy cách giải quyết hình ảnh tải lên tệp đầu vào HTML cho vấn đề hình ảnh hồ sơ. Làm thế nào để bạn đặt một hình ảnh hồ sơ trong HTML?HTML
|