input 怎么自动上传图片

我要上传一个图片,如果用input type= file，怎么才能做到选择图片，点击确定之后，就自动把这个图片上传呢

javascript css html

html5

阅读 7.8k

5 个回答

得票最新

912380760

62226

发布于
2017-10-12

✓ 已被采纳

<!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>