Xamarin.Android：Assets内HTML访问应用内部存储SVF文件的方法

核心问题分析 #

尽管已开启WebView的文件访问权限，但直接用file://协议跨位置（Assets目录 vs 应用内部存储）加载文件时，会遇到Autodesk Viewer的路径解析限制或WebView隐性跨源限制，导致加载失败。以下是几种可行的解决方法：

方案一：使用WebViewAssetLoader（Android 7.0+ 推荐） #

该类可将内部存储文件映射为类似Assets的虚拟路径，规避跨域问题，同时保持URL访问逻辑一致。

1. 添加依赖（AndroidX环境）

implementation 'androidx.webkit:webkit:1.4.0'

2. 配置WebViewAssetLoader（C# Xamarin示例）
   在初始化WebView的代码中，创建加载器并绑定内部存储路径：

var assetLoader = new WebViewAssetLoader.Builder()
    .AddPathHandler("/internal_files/", new InternalStoragePathHandler(this, this.GetExternalFilesDir(null).AbsolutePath))
    .Build();

wbMain.SetWebViewClient(new CustomWebViewClient(assetLoader));

// 自定义WebViewClient拦截请求
private class CustomWebViewClient : WebViewClientCompat
{
    private WebViewAssetLoader _assetLoader;
    public CustomWebViewClient(WebViewAssetLoader assetLoader) => _assetLoader = assetLoader;

    public override WebResourceResponse ShouldInterceptRequest(WebView view, IWebResourceRequest request)
    {
        return _assetLoader.ShouldInterceptRequest(request.Url);
    }
}

3. 修改HTML中的MODEL_URL
   替换为映射后的虚拟路径：

const MODEL_URL = '/internal_files/Models/output.svf';

方案二：通过JavascriptInterface传递文件内容 #

通过Android原生代码读取内部存储的.svf文件，转成base64传递给JS，再生成Blob URL供Viewer加载。

1. 创建JavascriptInterface类

[JavascriptInterface]
public class FileBridge
{
    private Context _context;
    public FileBridge(Context context) => _context = context;

    public string GetSvfBase64()
    {
        string filePath = Path.Combine(_context.GetExternalFilesDir(null).AbsolutePath, "Models/output.svf");
        byte[] fileBytes = File.ReadAllBytes(filePath);
        return Convert.ToBase64String(fileBytes);
    }
}

2. 给WebView绑定Interface

wbMain.AddJavascriptInterface(new FileBridge(this), "FileBridge");

3. 修改JS加载逻辑

Autodesk.Viewing.Initializer({ env: 'Local' }, async function () {
    const viewer = new Autodesk.Viewing.GuiViewer3D(document.getElementById('preview'));
    // 调用原生方法获取文件base64内容
    const base64Content = window.FileBridge.GetSvfBase64();
    // 转换为Blob URL
    const blob = new Blob([Uint8Array.from(atob(base64Content), c => c.charCodeAt(0))], { type: 'application/octet-stream' });
    const blobUrl = URL.createObjectURL(blob);
    viewer.start(blobUrl);
});

方案三：基础配置校验 #

• 避免硬编码路径：用context.GetExternalFilesDir(null).AbsolutePath获取应用内部存储的正确路径，确保无拼写错误。
• 权限检查：Android 9及以下版本，需在Manifest中添加<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>并动态申请；Android 10+ 访问应用自身内部存储无需额外权限。
• 调整Viewer初始化参数：尝试添加api: 'streamingV2'确保Local环境支持外部文件加载：

Autodesk.Viewing.Initializer({ env: 'Local', api: 'streamingV2' }, async function () {
    // 现有加载逻辑
});

内容的提问来源于stack exchange，提问作者Randi