回答-BFW问答

可以通过js二进制读取文件的头部4个字节来判断文件的mime类型，具体代码如下：

<!DOCTYPE html>
<html>

<head>

</head>

<body>
    <input type="file" id="fileInput">
    <div id="output"></div>
    <script type="text/javascript">

function loadMime(file, callback) {
    
    //已知文件mine类型标识
    var mimes = [
        {
            mime: 'image/jpeg',
            pattern: [0xFF, 0xD8, 0xFF],
            mask: [0xFF, 0xFF, 0xFF],
        },
        {
            mime: 'image/png',
            pattern: [0x89, 0x50, 0x4E, 0x47],
            mask: [0xFF, 0xFF, 0xFF, 0xFF],
        }
        // 更多扩展的mine标识请看这个e https://mimesniff.spec.whatwg.org/#matching-an-image-type-pattern
    ];

    function check(bytes, mime) {
        for (var i = 0, l = mime.mask.length; i < l; ++i) {
            if ((bytes[i] & mime.mask[i]) - mime.pattern[i] !== 0) {
                return false;
            }
        }
        return true;
    }

    var blob = file.slice(0, 4); //读取文件的头部4个字节

    var reader = new FileReader();
    reader.onloadend = function(e) {
        if (e.target.readyState === FileReader.DONE) {
            var bytes = new Uint8Array(e.target.result);

            for (var i=0, l = mimes.length; i<l; ++i) {
                if (check(bytes, mimes[i])) return callback("Mime: " + mimes[i].mime + " <br> Browser:" + file.type);
            }

            return callback("Mime: unknown <br> Browser:" + file.type);
        }
    };
    reader.readAsArrayBuffer(blob);
}



fileInput.onchange = function() {
    loadMime(fileInput.files[0], function(mime) {

        output.innerHTML = mime;
    });
};
    </script>
</body>

</html>

回答

开发了一个网站ai聊天助手

一个月开发一套类似coze的智能体平台

部署一套内网离线ai助理

私有ai助理开发

类似如家的租房app开发

h5手机端考试网站开发

开发一个短剧解锁剧集的小程序

我要开发一个酒类拍卖交易平台

开发艺术品拍卖收藏买画卖画h5网站

帮我做个数字货币交易所网站

阿里云ESA、cloudflare worker、腾讯云EdgeOne网站代理托管哪家更好？

剪映能打开.fcpxml格式的文件吗？

增量式编码器与绝对式编码器的区别是啥？

有没有开源的单张照片或者序列帧图片或视频就能重建4d场景动画项目？

chrome网页突然报错：错误代码：RESULT_CODE_KILLED_BAD_MESSAGE

openai的codex如何全程无需手动确认自动修改文件？

阿里云oss前端上传文件直传如何限制文件类型？

阿里云oss前端获取policy签名直传oss上传文件回调如何传？

如何将根据三维物体通过提示词变成可交互的4d场景动画？

浏览器中实时摄像头离线视觉ai模型有吗？