为了账号安全,请及时绑定邮箱和手机立即绑定

input 怎么自动上传图片

input 怎么自动上传图片

繁花不似锦 2019-02-07 18:15:51
我要上传一个图片,如果用input type= file,怎么才能做到选择图片,点击确定之后,就自动把这个图片上传呢
查看完整描述

1 回答

?
一只斗牛犬

TA贡献1784条经验 获得超2个赞

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

<body>

    <p>

    <label>请选择一个图像文件:</label>

    <input type="file" id="file_input" /> 选择图片的input按钮

    </p>

</body>

</html>

<script type="text/javascript">

    var input = document.getElementById("file_input");

    input.addEventListener('change', readFile, false);

    function readFile() {

    var file = this.files[0]; //获取file对象

    

    // 这里写一个ajax把通过post把this.files[0]提交到后台就可以了。

}

</script>


查看完整回答
反对 回复 2019-02-14
  • 1 回答
  • 0 关注
  • 356 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信