溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關layui怎么實現文件上傳，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
具體內容如下
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>文件上傳</title> <link rel="stylesheet" href="layui/css/layui.css"> <link rel="stylesheet" href="css/global.css"> </head> <body> <fieldset class="layui-elem-field layui-field-title" > <legend>設定上傳文件的格式</legend> </fieldset> <input type="file" name="file" class="layui-upload-file"> <input type="file" name="file1" lay-type="file" class="layui-upload-file"> <input type="file" name="file1" lay-type="audio" class="layui-upload-file"> <input type="file" name="file2" lay-type="video" class="layui-upload-file"> <blockquote class="layui-elem-quote" >支持拖動文件上傳</blockquote> <fieldset class="layui-elem-field layui-field-title" > <legend>演示上傳</legend> </fieldset> <div class="site-demo-upload"> <img id="LAY_demo_upload" src="layui/images/tong.jpg"> <div class="site-demo-upbar"> <input type="file" name="file" class="layui-upload-file" id="test"> </div> </div> <p >注：由于服務器資源有限，所以此處每次給你返回的是同一張圖片</p> <script src="layui/layui.js"></script> <script> layui.use('upload', function(){ layui.upload({ url: '' //上傳接口 ,success: function(res){ //上傳成功后的回調 console.log(res) } }); layui.upload({ url: '/test/upload.json' ,elem: '#test' //指定原始元素，默認直接查找class="layui-upload-file" ,method: 'get' //上傳接口的http類型 ,success: function(res){ LAY_demo_upload.src = res.url; } }); }); </script> </body> </html>
官網文件上傳
關于“layui怎么實現文件上傳”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
