nochill/not-your-blog-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix upload issue on ios

Browse Source
This commit is contained in:
goro 2026-05-06 03:30:57 +03:00
parent 49799a6297
commit 1e0383635f
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/pages/upload.astro
View File

@ -23,7 +23,7 @@ const UPLOAD_PASSWORD = import.meta.env.PUBLIC_UPLOAD_PASSWORD;
<div id="drop-zone" class="drop-zone"> <div id="drop-zone" class="drop-zone">
<p class="drop-hint">Drag & drop files here or</p> <p class="drop-hint">Drag & drop files here or</p>
<label for="file-input" class="file-label">Choose files</label> <label for="file-input" class="file-label">Choose files</label>
<input id="file-input" type="file" accept="video/*,image/*" multiple class="file-input" /> <input id="file-input" type="file" accept="image/*,video/*,video/mp4,video/quicktime,video/x-m4v,.mp4,.mov,.m4v" multiple class="file-input" />
</div> </div>
<div id="preview-grid" class="preview-grid"></div> <div id="preview-grid" class="preview-grid"></div>
@ -68,6 +68,9 @@ const UPLOAD_PASSWORD = import.meta.env.PUBLIC_UPLOAD_PASSWORD;
<script define:vars={{ WORKER_URL, UPLOAD_SECRET }}> <script define:vars={{ WORKER_URL, UPLOAD_SECRET }}>
const dropZone = document.getElementById('drop-zone'); const dropZone = document.getElementById('drop-zone');
const fileInput = document.getElementById('file-input'); const fileInput = document.getElementById('file-input');
const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
if (isIOS) fileInput.removeAttribute('multiple');
const previewGrid = document.getElementById('preview-grid'); const previewGrid = document.getElementById('preview-grid');
const uploadBtn = document.getElementById('upload-btn'); const uploadBtn = document.getElementById('upload-btn');
const statusEl = document.getElementById('status'); const statusEl = document.getElementById('status');