js 代碼觸發 upload 文件上傳


  ag-grid 渲染的表格,單元格模板是一個上傳按鈕

 

  需求是要在點擊的時候增加個對話框增加些額外條件(並非全部行都加對話框)

 

  於是乎,想了個解決辦法,單元格模板中,增加顯示對話框的標記,標記為 true 的,點擊按鈕時會彈出對話框,否則不變

  為了上傳組件正常使用,不能用 ngIf 隱藏掉上傳組件,想了辦法用遮罩的形式來使對話框點擊觸發(a 標簽遮蓋在真正上傳按鈕上方)

 

 

  對話框提交后需要手動觸發 input 的點擊,模擬用戶點擊事件:

 

  本來想的是直接用 angular 本身的方式觸發 click

 

  結果界面毫無反應,斷點查看,發現拋了黃色嘆號:

 

  查了一下,發現 upload 不支持非用戶點擊的動作。再次查找解決方法,最終改成了 jquery 觸發:

 

 

  而 input 在界面中會存在多個 #inputEle,在父元素上 ngClass 一個標記,來方便尋找正確的 input 。

 


免責聲明!

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



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