我是靠谱客的博主 温柔老虎,最近开发中收集的这篇文章主要介绍html中的input type="file" 上传元素隐藏,并通过其它方式触发点击上传,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

html:

         <label>
          <input type="file" onchange="upload(this.files)" style="left:-9999px;position:absolute;" />
          <span style="color: #29b6f6">上传</span>
        </label>

js

   //上传图片
    function upload(f) {
      for (var i = 0; i < f.length; i++) {
        var reader = new FileReader();
        reader.readAsDataURL(f[i]);
        reader.onload = function (e) {
          var base64Img = e.target.result;
           console.log(base64Img ,"base64路径")
        }
      }
    }

 

最后

以上就是温柔老虎为你收集整理的html中的input type="file" 上传元素隐藏,并通过其它方式触发点击上传的全部内容,希望文章能够帮你解决html中的input type="file" 上传元素隐藏,并通过其它方式触发点击上传所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(52)

评论列表共有 0 条评论

立即
投稿
返回
顶部