使用uploadPreview外掛上傳檔案並且預覽
阿新 • • 發佈:2019-02-02
分別引入響應的js檔案,然後程式碼如下
<!-- zhouxiang www.zhou-xiang.com --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>uploadPreview演示</title> <script src="http://www.decadework.com/js/jquery-1.8.3.min.js" type="text/javascript"></script> <script src="uploadPreview.min.js" type="text/javascript"></script> <script> $(function () { $("#up").uploadPreview({ Img: "ImgPr", Width: 300, Height: 300, ImgType: ["gif", "jpeg", "jpg", "bmp", "png"], Callback: function () { }}); }); </script> </head> <body> <div><img id="ImgPr" width="120" height="120" /></div> <input type="file" id="up" /> </body> </html>