share_target - Web app manifest | MDN<\/a><\/li>\n<\/ul>\nmanifest.json<\/p>\n
{\r\n \"share_target\": {\r\n \"action\": \"\/share-target\",\r\n \"method\": \"POST\",\r\n \"enctype\": \"multipart\/form-data\",\r\n \"params\": {\r\n \"files\": [\r\n {\r\n \"name\": \"shared_files\",\r\n \"accept\": [\r\n \"*\/*\"\r\n ]\r\n }\r\n ]\r\n }\r\n }\r\n}\r\n<\/pre>\nsw.js<\/p>\n
self.addEventListener('fetch', function (e) {\r\n var u = new URL(e.request.url), t = new URL('\/share-target', self.registration.scope);\r\n if (e.request.method === 'POST' && u.pathname === t.pathname) e.respondWith(handleShare(e.request));\r\n});\r\n\r\nasync function handleShare(request) {\r\n try {\r\n var form = await request.formData();\r\n var files = form.getAll('shared_files').filter(function (x) {\r\n return x instanceof File;\r\n });\r\n if (!files.length) throw new Error('\u6c92\u6709\u6536\u5230\u5206\u4eab\u6a94\u6848');\r\n\r\n await saveFiles(files);\r\n\r\n return Response.redirect(new URL('\/Home\/SharedFiles', self.registration.scope).href, 303);\r\n } catch (error) {\r\n console.error('[SW] \u8655\u7406\u5206\u4eab\u6a94\u6848\u5931\u6557:', error);\r\n }\r\n}\r\n\r\nfunction openDB() {\r\n return new Promise(function (resolve, reject) {\r\n var r = indexedDB.open(DB_NAME, DB_VERSION);\r\n r.onupgradeneeded = function () {\r\n if (!r.result.objectStoreNames.contains(STORE_NAME)) r.result.createObjectStore(STORE_NAME, {autoIncrement: true});\r\n };\r\n r.onsuccess = function () {\r\n resolve(r.result);\r\n };\r\n r.onerror = function () {\r\n reject(r.error);\r\n };\r\n });\r\n}\r\n\r\nasync function saveFiles(files) {\r\n var db = await openDB();\r\n try {\r\n await new Promise(function (resolve, reject) {\r\n var tx = db.transaction(STORE_NAME, 'readwrite'), s = tx.objectStore(STORE_NAME);\r\n files.forEach(function (f) {\r\n s.add({name: f.name, type: f.type, size: f.size, lastModified: f.lastModified, file: f, timestamp: Date.now()});\r\n });\r\n tx.oncomplete = resolve;\r\n tx.onerror = function () {\r\n reject(tx.error);\r\n };\r\n tx.onabort = function () {\r\n reject(tx.error || new Error('IndexedDB \u5beb\u5165\u4e2d\u6b62'));\r\n };\r\n });\r\n } finally {\r\n db.close();\r\n }\r\n}\r\n<\/pre>\n\/Home\/SharedFiles \u5c31\u662f\u6a94\u6848\u5206\u4eab\u63a5\u6536\u5f8c\u8655\u7406\u7db2\u9801\u53ca\u7a0b\u5f0f\uff0c\u53ef\u4ee5\u4f7f\u7528 AI \u5beb\u5c31\u597d<\/p>\n
--<\/p>\n
<\/div>\n
![\"\"](\"https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2026\/07\/2026-07-24-14-39-16.png\")
<\/a><\/p>\n