H5标签input标签上传文件

<input type="file" name="batchList" onchange="uploadImg()" id="batchList" />

function uploadImg() {
            if ($("#batchList").val() == "") {
                console.log("空")
                return;
            }
            var e = window.event || event;
            // 获取当前选中的文件
            var oFile = e.target.files[0];
            console.log(oFile);//打印值看下面图片,简单点的话我们直接把这个数据给后台处理就可以了
        }

添加进度条：

<div style="margin-top: 10px;">
                        上传进度：<progress id="pro" value="0"></progress>
                    </div>

            var e = window.event || event;
            // 获取当前选中的文件
            var oFile = e.target.files[0];
            $("#uploadCon").html("上传文件：" + oFile.name);
            var pro = document.getElementById("pro");
            pro.max = oFile.size;
            var reader = new FileReader();
            reader.readAsBinaryString(oFile);
            reader.onprogress = function (evt) {
                pro.value = evt.loaded;
            }