1.項目業務改動,在一個彈窗頁面加圖片上傳。
2.頁面使用angular框架,圖片上傳使用layui的文件上傳組件。
js:
layui.upload({ url: '/test/upload.json' ,elem: '#test' //指定原始元素,默認直接查找class="layui-upload-file" ,method: 'get' //上傳接口的http類型 ,success: function(res){ LAY_demo_upload.src = res.url; } });
html:
<input type="file" name="file" class="layui-upload-file" id="test">
官方組件代碼,js放到angular的控制器中,文件上傳的按鈕在彈窗頁面顯示為空白,點擊按鈕處,能打開選擇文件窗口,無上傳操作;
解決處理:
在angular控制器中延遲加載 layui.upload{},彈窗頁面顯示上傳按鈕,選擇文件有上傳操作結果。
延遲加載:
$timeout(function(){ layui.upload({ url: '/test/upload.json' ,elem: '#test' //指定原始元素,默認直接查找class="layui-upload-file" ,method: 'get' //上傳接口的http類型 ,success: function(res){ LAY_demo_upload.src = res.url; } }); },100);