前端开发——图片压缩、上传form表单提交踩坑

最近在靠山平台接手了一个二开项目，项目开发中，对接上传身份证实名认证的接口的时候，后端小哥说图片大小要限制在200K以下，当时心想那就压缩下图片呗，小问题，然后一言难尽。。。直接说一下踩坑和折中解决的方法吧，然后有对这个问题比较了解的大神希望能够给予指点。

项目接口采用的是form表单提交，上传图片是input的file，图片压缩后的blob没办法替换到file上，这就是遇到的问题了。

压缩图片的方法是百度的，粘过来方便有需要的朋友用。https://www.jb51.net/article/182078.htm

本来应该直接上代码的 结果服务器炸了，没办法，先手敲吧，后面在改。

//HTML
<div>
    <form id="form">
        <input type="text" name="phone">
        <input type="text" name="code">
        <input type="text" name="name">
        <input type="hidden" name="card_z">

        //下面是原始file，form表单提交的card_z
        //<input type="file" name="card_z" onchange="card(this)">