1. 문제 배경
파일 업로드 컴포넌트 파일을 이용하여 파일을 업로드하고 파일(사진)을 표시합니다
2. 구현 소스코드
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>文件上传并展示文件路径</title> <script type="text/javascript" src="../js/jquery-1.12.3.js" ></script> <script> $(document).ready(function(){ $("#fileUpload").off().on("change",function(){ var fileUpload = $(this).val(); var proUrl = window.location.protocol; var pageUrl = window.location.host; var path = proUrl + "//" +pageUrl + "/AngularJS/pages/"; $("#uploadImg").attr("src",path+fileUpload); console.info(path+fileUpload); }); }); </script> </head> <body> <p> <input type="file" id="fileUpload" name="upload" /><br><br> <img id="uploadImg" style="max-width:90%" alt="파일 업로드 및 업로드된 파일 표시" > </p> </body> </html>
3.
위는 파일 업로드 내용 및 업로드된 파일 표시 내용입니다. 관련 내용은 PHP 중국어 홈페이지(www.php.cn)를 주목해주세요!