请问通过一个html上传一个json文件后怎么在页面显示文件里的内容呢

Question

js上传并且获取文件内容

Answer 1

一个示例，你看下：上传文件 ： <input type="file" name="file" id="fileId" />
    <button type="submit" name="btn" value="提交" id="btnId" onclick="check()" /> 提交
    <div id="myShow"></div>
    <script type="text/javascript">
        function check() {
            var objFile = document.getElementById("fileId");
            if (objFile.value == "") {
                alert("不能空")
            }            //console.log(objFile.files[0].size); // 文件字节数            var files = $('#fileId').prop('files');//获取到文件列表
            if (files.length == 0) {
                alert('请选择文件');
            } else {
                //debugger;
                var reader = new FileReader();//新建一个FileReader
                reader.readAsText(files[0], "UTF-8");//读取文件
                reader.onload = function (evt) { //读取完文件之后会回来这里
                    var fileString = evt.target.result; // 读取文件内容                    $("#myShow").append(fileString);
                }
            }
        }
    </script>