[iphone] 用於移動Safari的html5 web應用程序可以從Photos.app上傳圖像?


Answers

解決這個問題的另一種方法是給用戶一個私人的電子郵件地址,他們可以通過電子郵件將照片發送給自動上傳(例如photos+abc123@yoursite.com)。

要做更多的工作,但會為所有設備上的用戶提供一致的體驗(並且非移動用戶也會覺得它很方便)。

Question

是否可以編寫專為iOS設備(iPad,iPhone,iPod Touch)設計的HTML5 Web應用程序,該應用程序可以允許用戶從文件系統上傳圖像?

想像一下,通過網絡應用上傳一張新照片到你的twitter頭像。




我發現了一個可接受的工作。 使用預定義的說明在頁面上添加一個mailTo鏈接,該說明向用戶顯示如何將他的相機膠卷中的圖像複製到電子郵件中。 然後,編寫一個作業/腳本,用於監聽收件箱中的入站電子郵件,剝離圖像並相應處理。

這不是完美的,但他們點擊Safari瀏覽器的鏈接,然後只需要去照片,複製並返回到您的應用程序。 在我的手機上試用後,它不僅僅是一個可以接受的工作,而且可以讓我在不編寫應用程序的情況下繼續前進。

    <div data-role="collapsible" data-collapsed="true" id="uploadPicContainer" data-theme="d">
    <h3>{l t='Upload Picture'}</h3>
    <a href="mailto:fotos@opina.com?subject={l t='My pictures of'} {$var_biz.bizname}[{$var_biz.id}]!&body={l t='To upload a picture go to your Camera Roll and copy paste an image to this area in the email.  We will apply your picture after review!'}">{l t='Click here to upload pictures of'} {$var_biz.bizname}</a>
</div>



iOS 6.0上的Safari是第一個添加對<input type="file"> ,允許您:

  • 拍一個新的視頻或照片
  • 從庫中選擇一個視頻或照片

以下是它在iOS10上的外觀:

iOS9引入了iCloud Drive更多選項,包括Dropbox 。 iOS 6到8只有前兩個選項。

您可以使用accept="image/*"屬性將文件類型限制為照片:

<input type="file" accept="image/*" >會將選項限制為照片:

在Android方面, Android 2.2+是第一款支持上述代碼的產品。

免責聲明:圖片由Pipe處理視頻錄製,我是CTO




另一個本地iOS應用程序(類似於Picup或iphone-photo-picker)是Aurigma Up




僅適用於iOS> = 6

<input type="file" accept="image/*" capture>

“捕捉”不會改變iOS的任何東西,但它對其他設備仍然有用(顯然是Android,請參閱評論)。




Related