Layui文件上傳樣式在ng-dialog不顯示的問題處理


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);

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM