方法一:
一種通過(guò) Base64 的編碼來(lái)解決 H5Image 標(biāo)簽顯示圖片的問(wèn)題,當(dāng)然了這里我就不介紹了
方法二:
在 Podfile
寫入(關(guān)于 GCDWebServer波丰,一個(gè)輕量級(jí)的 AppServer 框架。)
pod "GCDWebServer", "~> 3.0"
import GCDWebServer
/// 啟動(dòng)Server 參數(shù)自己定撼嗓,但是directoryPath和forBasePath要定義好,我們寫的是沙盒路徑囤耳。
func initWebServer() {
let webServer = GCDWebServer()
webServer.addGETHandler(forBasePath: "/", directoryPath: NSHomeDirectory(), indexFilename: nil, cacheAge: 3600, allowRangeRequests: true)
webServer.start(withPort: 9999, bonjourName: "GCD Web Server")
print("Visit \(webServer.serverURL) in your web browser")
}
如果資源訪問(wèn)的是沙盒中的資源,如:
模擬器目錄
<body isAutoLoadImage ='1' background = '/Users/HJiang/Library/Developer/CoreSimulator/Devices/BFE72029-56CE-4768-8312-05CA50250212/data/Containers/Data/Application/6CD99493-3C89-40F0-A7C4-353DBA7893F3/Documents/waterfile/6005001463_2025.jpg'>
真機(jī)路徑
<body isAutoLoadImage ='1' background = '/var/xxxx/Library//Devices/BFE72029-56CE-4768-8312-05CA50250212/data/Containers/Data/Application/6CD99493-3C89-40F0-A7C4-353DBA7893F3/Documents/waterfile/6005001463_2025.jpg'>
使用的是沙盒中絕對(duì)路徑,經(jīng)測(cè)試此方式在模擬器上資源可以正常訪問(wèn),真機(jī)無(wú)法訪問(wèn)資源
因webkit框架訪問(wèn)沙盒資源存在bug,無(wú)法加載通過(guò)絕對(duì)路徑訪問(wèn)到資源.
// 比方說(shuō)文件存在Library下有一個(gè)123的文件
NSString *basePath = @"http://localhost:9999/Library/water"; // 這樣就可以訪問(wèn)到這個(gè)文件了阵子,我只需要把我的文件名拼上localhost路徑然后傳給前端亿蒸,他們拿到這個(gè)鏈接直接訪問(wèn)就可以拿到這個(gè)文件了