최근 회사에서 여러 개의 이미지 업로드를 사용하는 프로젝트를 진행하고 있었는데 온라인 튜토리얼이 거의 없다는 걸 알게 되어서 제가 직접 업로드 js를 작성했는데, 이 작업은 이미지만 업로드할 수 있는 게 아닙니다. , 파일도 마찬가지입니다. 미리보기할 때 사진이 표시되지 않을 뿐입니다
먼저 프런트에 가서 코드를 호출하세요
1 | 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv= "Content-Type" content= "text/html; charset=utf-8" /> 5 <title></title> 6 <script src= "Scripts/jquery-1.8.2.min.js?1.1.11" ></script> 7 <script src= "Scripts/cs.js?1.1.11" ></script> 8 <link href= "Scripts/tpsc.css?1.1.11" rel= "stylesheet" /> 9 <script>10 11 $( function () {12 13 $.tpsc({14 id: "xinyang" ,15 url: "Content/jieshou.ashx" ,16 tpcall: function (thefile)
|
로그인 후 복사
다음은 업로드된 js
아이디어입니다. : 업로드된 사진을 모두 배열로 넣고, FileReader()를 이용하여 이미지를 표시해 주면 업로드 전에 이미지가 표시될 수 있습니다. ...스타일은 괜찮습니다
1 | 1 var object = { 2 id: "" ,
|
로그인 후 복사
위 내용은 jquery 다중 파일 업로드, 수정해 주셔서 감사합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!