我使用 Node.js 的 request 工具库，请求服务器端的视频文件，保存到本地之后，发现了问题。

我把 url 输入到浏览器里，手动下载视频文件后，文件大小为 70 多 KB：

然而使用 Node.js 代码请求文件数据并保存到本地，发现文件尺寸变成 100 多 KB 了，显然不正确：

经过研究发现，需要使用 request 在发起数据请求之前，添加如下一行语句：

request.defaults({ encoding: null });

完整的数据请求的代码：

var requestC = request.defaults({ encoding: null });
        
        console.log("get video via url: " + url );
        const fileName = getVideoPartNameByUrl(url);

        requestC(getVideoOptions,function(error,response,body){
            if(error){
                console.log("error occurred: " + error);
                reject(error);
            }
            resolve({
                fileName: fileName,
                fileContent: body
            });
        }); 

文件写入的代码：

fs.writeFile(oVideo.fileName, oVideo.fileContent, "binary", function (error) {
        if(error)
            console.log("file writes error");
        else{
            console.log("File: ", oVideo.fileName, " writes ok");
        }
    });

之后问题消失。

更多Jerry的原创文章，尽在：“汪子熙”:

思路：生成微信小程序码的时候，微信服务器返回的是图片二进制数据流，因此我们现在服务端将二进制流转换为base64进制数据流，然后返回给前端。前端将请求到的base64进制流转换进行下载。
这样可以有效避免需要通过访问图片url造成的跨域等等的一些列问题。

后端代码

这里以微信小程序码为例。其中$binary是二进制数据，$base64String为64位数据信息，其余代码根据自己需求书写

    /**
     * 生成学校小程序码的base64位数据流
     * @return \sf\ViewModel\JsonModel
     */
    public function schcodeAction()
    {
        $wx = new WeiXin(true);

        $scene = POST::Int('sch_id');  // 参数获取，自己根据自己的写
        $wxAppPage = SchoolInfo::$shareCodePage; // 自己根据自己的写
        $binary = $wx->getAppShareQR($scene, $wxAppPage); // 请求微信服务器返回的二进制流数据，请求接口自己写
        $base64String = 'data:' . getimagesizefromstring($binary)['mime'] .  ';base64,' . chunk_split(base64_encode($binary)); // 关键：：此处为二进制流转换为base64位
        return $this->GetFailJSONModel(['info'=>$base64String]); // 数据返回，自己写
    }

前端代码

html在这里就不进行书写了，理解万岁，点击事件触发download(),然后 this.codeData是请求回来的图片数据流

    // 下载图片
    download() {
      downloadFile(this.detailInfo.sch_name ? this.detailInfo.sch_name : '二维码', this.codeData)
    }

以下为封装代码，可以放在工具文件中，然后进行引入使用

/**
 * base64图片下载
 * @param {*} fileName 下载后的文件名称
 * @param {*} content 内容
 */
export const downloadFile = (fileName, content) => {
  const aLink = document.createElement('a')
  const blob = base64ToBlob(content) // new Blob([content]);

  const evt = document.createEvent('HTMLEvents')
  evt.initEvent('click', true, true)// initEvent 不加后两个参数在FF下会报错  事件类型，是否冒泡，是否阻止浏览器的默认行为
  aLink.download = fileName
  aLink.href = URL.createObjectURL(blob)

  aLink.click()
}

/**
 * base64转blob
 * @param {*} code base64位码
 */
const base64ToBlob = (code) => {
  const parts = code.split(';base64,')
  const contentType = parts[0].split(':')[1]
  const raw = window.atob(parts[1])
  const rawLength = raw.length

  const uInt8Array = new Uint8Array(rawLength)

  for (let i = 0; i < rawLength; ++i) {
    uInt8Array[i] = raw.charCodeAt(i)
  }
  return new Blob([uInt8Array], { type: contentType })
}

本地文件下载

@SuppressWarnings("finally")
    public static boolean download(String filePath, String fileName, HttpServletRequest request,
                                   HttpServletResponse response) throws IOException {
        String encodeName = getFileName(request, fileName);
        response.setContentType("application/force-download");
        response.setCharacterEncoding("UTF-8");
        response.setHeader("Content-disposition", "attachment;filename=" + encodeName);
        File tempFile = new File(filePath);
        InputStream bis = null;
        OutputStream bos = null;
        response.setHeader("Content-Length", ""+tempFile.length());
        try {
            bis = new BufferedInputStream(new FileInputStream(tempFile));
            bos = new BufferedOutputStream(response.getOutputStream());
            byte[] buff = new byte[1024];
            int bytesRead;
            while (-1 != (bytesRead = bis.read(buff, 0, buff.length))) {
                bos.write(buff, 0, bytesRead);
            }
        } catch (IOException e) {
            log.warn(e.getMessage(),e);
        } finally {
            if (bis != null) {
                bis.close();
            }
            if (bos != null) {
                bos.close();
            }
            return true;
        }
    }

二进制数据下载

    @SuppressWarnings("finally")
    public static boolean download(byte[] bytes, String fileName, HttpServletRequest request, HttpServletResponse response) throws IOException {
        OutputStream bos = null;
        try {
            String encodeName = fileName;
            response.setHeader("Content-disposition", "attachment;filename=" + encodeName);
            response.setContentType("application/force-download");
            response.setCharacterEncoding("UTF-8");
            bos = new BufferedOutputStream(response.getOutputStream());
            bos.write(bytes);
            bos.flush();
        } finally {
            if (bos != null) {
                bos.close();
            }
            return true;
        }
    }

 /**
     * 解决各个浏览器文件下载中文乱码问题
     *
     * @param filename
     * @return
     */
    public static String getFileName(HttpServletRequest request, String filename) {
        String userAgent = request.getHeader("User-Agent");
        String oraFileName = filename;
        String formFileName = oraFileName;

        // 针对IE或者以IE为内核的浏览器：
        if (userAgent.contains("MSIE") || userAgent.contains("Trident") || userAgent.contains("Edge")) {
            try {
                formFileName = java.net.URLEncoder.encode(formFileName, "UTF-8");
            } catch (UnsupportedEncodingException e) {
                e.printStackTrace();
            }
        } else {
            // 非IE浏览器的处理：
            try {
                formFileName = new String(formFileName.getBytes("UTF-8"), "ISO-8859-1");
            } catch (UnsupportedEncodingException e) {
                log.warn(e.getMessage(),e);
            }
        }
        return formFileName;
    }