html 直接使用js上传文件

Posted 2020-10-22 95mz

转载至：https://www.toutiao.com/a6515336467194053123/?tt_from=weixin&utm_campaign=client_share&timestamp=1517014855&app=news_article&utm_source=weixin&iid=24136640964&utm_medium=toutiao_android&wxshare_count=1

通常我们在html中上传文件，是使用form标签包含input type=file标签，然后点击input选择文件，序列化form表单进行上传。其中存在的问题就是input type=file 样式不好定义。我们可以采用迂回战术，将form和input写在js中，进行简化标签。

图1

图中js拼成form包含input，并自动点击input，然后监听input change事件，只要input更改，就会执行上传，同时通过回调函数，将上传获得返回值传回回调函数，执行调用者的后续操作。

图2

可在alert处执行后续操作。