键盘事件。

weixin_41599877 2019-08-12 10:18:50
如何用回车键来实现file类型的输入框选取文件,要求和鼠标点击的效果一样的。请大神指教
...全文
80 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
文盲老顾 2019-08-12
  • 打赏
  • 举报
回复
    $('#file').click(function () {
        var me = this;
        var file = $('<input type="file" accept=".jpg,.gif,.png,.jpeg" />');
        var el = file[0];
        file.on('change', function (e) {
            var files = $(this).get(0).files;
            var formData = new FormData();
            formData.append('target', 'image');
            for (var i = 0; i < files.length; i++) {
                if (files[i].size > 3 * 1024 * 1024) {
                    alert('您选择的文件中有超出3M限制的文件,请重新选择并上传。');
                    return;
                }
                if (!/^image\/[a-z]+$/gi.test(files[i].type)) {
                    alert('您选择的文件中有不是图片的文件,请重新选择并上传。');
                    return;
                }
                formData.append('fn' + i, files[i].name);
                formData.append('file' + i, files[i]);
            }
            $.ajax({
                url: 'https://********/upload.aspx'
                , type: 'POST'
                , data: formData
                , cache: false
                , contentType: false
                , processData: false
                , success: function (data) {
                    console.log(data);
                }
            });
        });
        el.click();
    });
    $('#file').keyup(e){
        if (e.keyCode == 13) {
            $('#file').click();
        }
    }
cn00439805 2019-08-12
  • 打赏
  • 举报
回复

<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <input type="file" id="file">
    <script>
        document.documentElement.addEventListener("keypress",function(e){
            if(e.keyCode === 13){
                document.getElementById("file").click()
            }
        },false)
    </script>
</body>
</html>

87,993

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧