js——通過隱藏input file上傳文件

參考：https://www.cnblogs.com/fake718/p/3510687.html

　　　https://blog.csdn.net/x1172031988/article/details/70142895?utm_medium=distribute.pc_relevant_bbs_down.none-task--2~all~first_rank_v2~rank_v29-3.nonecase&depth_1-utm_source=distribute.pc_relevant_bbs_down.none-task--2~all~first_rank_v2~rank_v29-3.nonecase

          https://blog.csdn.net/weixin_34352005/article/details/91918449

 

效果

　　進度條暫時沒有接口調，不確定是否能實現

 

 

 

 

 

 

 

 代碼

　　https://github.com/plant9/upload_js

實現原理

　　隱藏的文件上傳input，通過點擊其他元素，觸發input的文件上傳點擊事件。

存在的兼容問題

　　IE9及以下版本，由於JS安全問題，不允許JS訪問本地文件,所以無法獲取files。我參考鏈接3，通過ActiveXObject獲取文件對象，但是還是沒獲取到==

input不設置為display:none的實現

　　通過label及修改input[type=file]的樣式，label方式參考鏈接2

position: absolute;
clip: rect(1px 1px 1px 1px);