javascript - 读取用户在网页上上传的文件后无法发布数据

Question

我正在尝试通过 JS 读取上传的文件，然后使用 POST 方法将其内容发布到另一个页面

HTML 文件:

<div class="sm2 ">
    <label for="file" class="control-label">Upload</label>
    <input type="file" name="myfile" multiple="multiple" id="myfile">
</div>

Java 脚本:

var $i = $('#myfile');
input = $i[0];
if ( input.files && input.files[0] ) {
    myfile = input.files[0];
    fr = new FileReader();
    fr.onload = function()  { alert(fr.result); };
    fr.readAsText( myfile );
    }
else {
    alert("File not selected")
    }
$.post("/dc/ajax",
        {
            action: "load_mob1",
            data:fr.result
            contentType: false,
         },

我认为POST方法是在读取文件之前调用的。在调用 POST 之前如何等待文件被读取？

预先感谢您的帮助。

Answer 1

尝试将 post 方法放入 fr.onload 方法中，以便发出结果警报。