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

沐汐晴 2019-05-16 11:27:41

js上传并且获取文件内容

...全文

281 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

潇湘忆梦 2019-05-20

打赏
举报

引用 2 楼 weixin_43330740 的回复:

[quote=引用 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>

貌似看懂了，谢谢您

[/quote] 那就好，就简单写了下

沐汐晴 2019-05-18

打赏
举报

引用 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>

貌似看懂了，谢谢您

潇湘忆梦 2019-05-16

打赏
举报

一个示例，你看下：


上传文件 ： <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>