Unity发布WebGL如何把文件下载到本地——后续，详细实现。

最新推荐文章于 2025-11-12 09:47:44 发布

原创最新推荐文章于 2025-11-12 09:47:44 发布 · 6.1k 阅读

22 ·

CC 4.0 BY-SA版权

文章标签：

#webgl #unity #unity3d

Unity3d 同时被 2 个专栏收录

66 篇文章

订阅专栏

WebGL

3 篇文章

订阅专栏

本文介绍了如何在Unity WebGL中利用jslib调用浏览器下载功能，实现文件下载到本地。首先，编写ImageDownloader.jslib，通过JavaScript实现下载功能；然后，引入DLL并编写C#脚本，利用DllImport调用jslib，提供下载图片的接口。最终，通过按钮点击触发下载，成功下载图片到本地。示例代码详细，适合Unity开发者参考。

前言

以前的问题https://blog.youkuaiyun.com/Wrinkle2017/article/details/109257197
这是之前的一篇博客，只是说了自己的大概思路，没有附上详细的实现步骤及代码，现在有时间了，就继续记录一下吧，以下载图片为例。
环境：unity2019.4

一、编写jslib

上一篇也说了，unity本身不支持webgl下载，于是我就有了个想法，通过jslib来调用浏览器的下载，话不多说，下面上代码： ImageDownloader.jslib

//调用浏览器的下载
var ImageDownloaderPlugin = {
    ImageDownloader: function (str, fn) {
        console.log("start jslib download");
        var msg = Pointer_stringify(str);
        var fname = Pointer_stringify(fn);
        var contentType = 'image/jpeg';

        function fixBinary(bin) {
            var length = bin.length;
            var buf = new ArrayBuffer(length);
            var arr = new Uint8Array(buf);
            for (var i = 0; i < length; i++) {
                arr[i] = bin.charCodeAt(i);
            }
            return buf;
        }
        //atob解码使用base64编码的字符串
        var binary = fixBinary(atob(msg));
        var data = new Blob([binary], { type: contentType });
        //创建一个html dom用于触发blob下载
        var link = document.createElement('a');
        link.download = fname;
        link.innerHTML = 'DownloadFile';
        link.setAttribute('id', 'ImageDownloaderLink');
        link.href = window.URL.createObjectURL(data);
        link.onclick = function () {
            var child = document.getElementById('ImageDownloaderLink');
            child.parentNode.removeChild(child);
        };
        link.style.display = 'none';
        document.body.appendChild(link);
        link.click();
        window.URL.revokeObjectURL(link.href);
    }
};
//并入Unity中，官方写法。
mergeInto(LibraryManager.library, ImageDownloaderPlugin)

这个文件要放到unity 的Plugins文件夹下
在这里插入图片描述

二、引入dll，编写C#脚本

直接上代码

using System.Runtime.InteropServices;
using UnityEngine;
using UnityEngine.UI;


public class DownLoadPic : MonoBehaviour
{
    /// <summary>
    /// 要下载的图片，格式为jpg
    /// </summary>
    public Sprite picture;
    /// <summary>
    /// 下载按钮
    /// </summary>
    public Button buttonDownLoad;

    [DllImport("__Internal")]
    private static extern void ImageDownloader(string str, string fn);

    /// <summary>
    /// 下载png图片
    /// </summary>
    /// <param name="imageData">字节流</param>
    /// <param name="imageFileName"></param>
    public void DownloadImage(byte[] imageData, string imageFileName)
    {
        if (imageData != null)
        {
            Debug.Log("Downloading..." + imageFileName);
            ImageDownloader(System.Convert.ToBase64String(imageData), imageFileName);
        }
    }


    private void Start()
    {
        buttonDownLoad.onClick.AddListener(OnButtonClick);
    }

    private void OnButtonClick()
    {
        byte[] photoByte = getImageSprite(); //获取jpeg图像的字节流
        if (photoByte != null)
        {
            DownloadImage(photoByte, picture.name + ".jpg");
        }
        else
        {
            Debug.LogError("没成功啊！！");
        }
    }

    private byte[] getImageSprite()
    {
        if (picture)
        {
            return picture.texture.EncodeToJPG();
        }

        return null;
    }
}