Photos.app'dan resim yüklemek için mobil safari için bir html5 web uygulaması mı?


93

İOS aygıtları (iPad, iPhone, iPod Touch) için tasarlanmış, kullanıcının dosya sisteminden bir görüntü yüklemesine izin veren bir HTML5 web uygulaması yazmak mümkün müdür?

Bir web uygulaması aracılığıyla twitter avatarınıza yeni bir fotoğraf yüklediğinizi hayal edin.

Yanıtlar:


98

GÜNCELLEME: iOs 6 Safari, Fotoğraf Kitaplığından video ve resim yüklemeyi destekleyecek.

====

Bu kelimeden nefret ediyorum ama imkansız (şimdi). İşte nedenleri:

1) mobil safari hiçbir şey yüklemeyi desteklemez.

2) mobil safari ios bileşenlerine erişemez (aslında erişebilir, ancak yalnızca telefon boşluğu aracılığıyla )


7
Haklısın, bu nefret dolu bir kelime! Araştırmam aynı şeyi gösterdi ve onunla yaşayamadım, bu yüzden burada SO'da sordum. Yine de cevap için teşekkürler.
Abhic

2
Anlamadığım şey, Apple'ın tüm sistemi ifşa etmekten korkmak yerine neden fotoğrafların / videoların klasörünün açığa çıkmasına izin vermediği.
fasih.rana

1
İOS'ta görüntü yüklemelerinin nasıl gerçekleştirileceğine başvurmak için iOS Safari belgelerine herhangi bir bağlantı ?? Teşekkürler!
detj

Ah! Otomatik olarak yapar. Sorun yok :)
detj 3'12

HTML 5 kullanarak ios safari tarayıcısına dosya yüklemek için biraz kod gönderebilir misiniz?
Karthick

28

bu soruna yaklaşmanın başka bir yolu, kullanıcılara fotoğraflarını otomatik olarak yüklemek için e-postayla gönderebilecekleri özel bir e-posta adresi vermektir (ör. photos+abc123@yoursite.com).

Kurulum için biraz daha çalışma, ancak tüm cihazlardaki kullanıcılar için tutarlı bir deneyim sağlayacaktır (ve mobil olmayan kullanıcılar da bunu uygun bulabilir).


Bunun nasıl yapılacağını merak ediyorum, yani kullanıcı bir ek, fotoğraf veya video içeren bir e-posta gönderiyor, bu bilgileri nasıl çıkarabilirim ve bir DB'ye kaydedebilirim ve ilgili bilgileri doğru yere, fotoğrafları görüntü klasörüne ve videolar klasörüne videolar ... bunu yapabilen bir komut dosyası olmalı ... veya benzer bir şey ..
Tanker

@Tanker evet, uygulamanızın e-postaları periyodik olarak alması, ekleri alması ve değişiklikleri kaydetmesi gerekir. Bunun için geçmişte ChilKat e-posta kitaplıklarını kullandım , ancak 32/64 bit arasında her zaman güzel bir şekilde (benim için -ymmv) derlenmediği konusunda sizi uyaracağım.
brichins

9

Http://picupapp.com adresindeki picup çözümünü beğendim


Bunun için bir eğitim var . Picup ile ilgili bir sorun, görüntüyü üçüncü taraf bir sunucuya (imgur.com) yüklemesidir, bu da birçok lisanslama / gizlilik sorunu yaratabilir. İmgur'un hizmet şartları temelde görselin kendilerine ait olduğunu ve onu ticari amaçlarla kullanamayacağınızı söylüyor.
Ian Dunn

2
@Ian Dunn: Picup, görüntüyü istediğiniz herhangi bir URL'ye yükleyecek şekilde yapılandırılabilir. Imgur yalnızca varsayılandır.
geon

8

Bunun için kabul edilebilir bir çalışma buldum. Kullanıcıya kamera rulosundan bir resmi e-postaya nasıl kopyalayacağını gösteren önceden tanımlanmış talimatlarla sayfaya mailTo bağlantısı ekleyin. Ardından, gelen e-postalar için bu gelen kutusunu dinleyen bir iş / komut dosyası yazın, resmi soyun ve buna göre işlem yapın.

Mükemmel değil, ancak safarideki bağlantıyı tıklıyorlar ve ardından yalnızca fotoğraflara gitmeleri, kopyalayıp uygulamanıza geri dönmeleri gerekiyor. Telefonumda denedikten sonra, bir Uygulama yazmadan ilerlememi sağlayan kabul edilebilir bir çalışmadan daha fazlası.

    <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>

Sizin için daha kabul edilebilir çünkü sınırlamaları biliyorsunuz - bunun gibi bir uygulamaya yanıt veren geliştirici olmayanların yanıtlarını görmek isterim. Bu, kullanıcıların zaten aşina olduğu başka bir yönteme dayanan ilginç bir yol - yapmaya çalıştığım bir şey için de işe yarayabilir.
Angelo R.

Evet. bu harika bir fikir. Ekleri ayrıştıracak bir komut dosyası olmalı. Zend Framework bunun için bazı güzel bileşenlere sahiptir.
Svetoslav Marinov

6

İOS 6'dan itibaren safari kullanarak fotoğraf yükleyebileceksiniz. Yukarıdaki geçici çözümler yine de iOS 5 ve altı için gerekli olacaktır.


2
bunu iOS 6'da yapmak için herhangi bir talimatınız var mı?
Wim Deblauwe

2

Başka bir yerel iOS uygulaması (Picup veya iphone-fotoğraf seçiciye benzer) Aurigma Up'dır .


2

İOS 6.0'da Safari,<input type="file"> şunları yapmanıza izin vererek destek ekleyen ilk sistemdir:

  • yeni bir video veya fotoğraf çek
  • kitaplıktan bir video veya fotoğraf seçin

İOS10'da şu şekilde görünüyor:

iOS 10 dosya girişi filtre yok

iOS9, iCloud Drive'ı ve Dropbox dahil diğer seçenekleri tanıttı . iOS 6 ile 8 arasında yalnızca 1. iki seçenek vardı.

Şu özelliği kullanarak dosya türlerini yalnızca fotoğraflarla sınırlandırabilirsiniz accept="image/*":

<input type="file" accept="image/*" > seçenekleri yalnızca fotoğraflarla sınırlayacak:

Fotoğraflar için iOS 10 dosya girişi

Android tarafında Android 2.2+ , yukarıdaki kodu destekleyen ilk sürümdür .

Yasal Uyarı: görüntü nezaket Boru Ben CTO duyuyorum video kaydı kolları


1

Az önce düşündüğüm bir fikir, kullanıcının dropbox veya benzer bir uygulamayı kullanmasına ve dropbox dosyasının genel bir url'sini kopyalamasına izin veren, kullanıcının içine bir url yapıştırabileceği bir metin kutusuna sahip olmaktır. Daha sonra sunucu, dropbox sunucusundan indirebilir.

Picupapp benim işime yaramayacak gibi görünmesi için resimler dışındaki dosya türlerini desteklemem gerekiyor.


0

Hala iOS5 kullanıyorsanız, lütfen iCab Mobile kullanmayı düşünün . İPad'im için aldım ve (en azından benim için) dosya yükleme iyi çalışıyor.

Saygılarımızla, Piotr


0

Yalnızca iOS> = 6 için

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

"yakalama", iOS ile hiçbir şeyi değiştirmez, ancak yine de diğer cihazlar için yararlıdır (görünüşe göre Android'ler, yorumlara bakın).


capture="camera"(string), capture="capture"W3C Aday Tavsiyesinde ile değiştirilmiştir. Her iki durumda da yalnızca Android'de çalışır.
Octavian Naicu

@OctavianNaicu mantıklı. Yanıtı düzenledim. Bilgi için teşekkürler
Erdal G.
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.