相关疑难解决方法(0)

使用Html5文件api确定未知内容类型

我正在处理一个小文件上传脚本(学习经验),我注意到在选择微软办公室相关文件(.doc或者.docx例如)时,文件对象没有指定类型:

文件列表

对于.doc文件,我原本期望的类型是"application/msword"和.docx一样的思路"application/vnd.openxmlformats-officedocument.wordprocessingml.document".

在无法确定类型的情况下,查看文件扩展名并将其与"预期"内容/ mime类型匹配的正确操作过程是什么?

示例脚本:

<div id="fileUpload">
    <input type="file" id="fileElem" style="display:none;" onchange="handleFiles(this.files)"/>
    <a href="#" id="fileSelect">Select some files</a>
</div>

<script type="text/javascript">
    var fileSelect = document.getElementById("fileSelect"),
        fileElem = document.getElementById("fileElem");

    fileSelect.addEventListener("click", function (e) {

        if (fileElem) {
            fileElem.click();
        }

        e.preventDefault();
    }, false);

    function handleFiles(files) {
        console.log(files);
    }

</script>
Run Code Online (Sandbox Code Playgroud)

javascript html5 file-upload

12
推荐指数
2
解决办法
5149
查看次数

html5 + js:<input type = file capture = camera>的分辨率或大小

如何通过手机设置从手机上传的照片的最大分辨率或最大尺寸<input type=file capture=camera>

javascript mobile html5 camera ios

5
推荐指数
2
解决办法
1万
查看次数

jQuery 验证器不适用于文件输入类型

我正在尝试使用 jQuery 验证器插件对文件输入类型进行验证。文件输入类型应仅接受具有 .jpeg、.jpg 和 .png 扩展名的图像,文件大小不应大于 1MB。其他输入字段的验证工作没有任何问题。所需的验证适用于文件输入类型。

可能是什么问题?

Javascript

jQuery.validator.addMethod('filesize', function(value, element, param) {
   return this.optional(element) || (element.files[0].size <= param) 
});    

$('#form').validate({
        rules: {
            firstname: {
                minlength: 6,
                required: true
            },
            lastname: {
                minlength: 6,
                required: true
            },
            file: {
                required: true, 
                accept: "png|jpeg|jpg",
                filesize: 1048576 
            }
        },
        messages: 
           { 
            file: "File must be JPEG or PNG, less than 1MB" 
           },
        highlight: function(element) {
            $(element).closest('.form-group').addClass('has-error');
        },
        unhighlight: function(element) {
            $(element).closest('.form-group').removeClass('has-error');
        },
        errorElement: 'span',
        errorClass: 'help-block',
        errorPlacement: function(error, element) { …
Run Code Online (Sandbox Code Playgroud)

javascript jquery jquery-validate

3
推荐指数
1
解决办法
8191
查看次数

标签 统计

javascript ×3

html5 ×2

camera ×1

file-upload ×1

ios ×1

jquery ×1

jquery-validate ×1

mobile ×1