一個FilePicker腳本

的商店返回URL所以香港專業教育學院在我的網站得到了filepicker腳本：一個FilePicker腳本

<script type="text/javascript" src="//api.filepicker.io/v1/filepicker.js"></script> 

<input type="filepicker" data-fp-apikey="A9sWQqHKDSLu0QkEeY1qnz" data-fp-mimetypes="image/*" data-fp-container="modal" data-fp-multiple="true" data-fp-services="COMPUTER,FACEBOOK,INSTAGRAM" onchange="out='';for(var i=0;i<event.fpfiles.length;i++){out+=event.fpfiles[i].url;out+=' '};alert(out)">

兩個問題給你主人：

一個。我怎樣才能以某種方式存儲文件選擇器返回的圖像url。這個想法是將它存儲在一種「選擇你的產品」頁面中，然後在另一個Web表單上植入該URL。

b。如何在上傳的同一頁面中對我的客戶上傳的圖片進行實時預覽，以便他們可以驗證這是正確的圖片。

來源

2013-09-16 user2784477

<腳本類型= 「文本/ JavaScript的」 SRC = 「// api.filepicker.io/v1/filepicker.js」> – user2784477

http://jsfiddle.net/jWyek/

它有一些示例代碼來告訴你如何可以顯示圖像。

放在一個佔位符圖像：

<img id="placeholder" src=""></img>

，然後設置源鏈接，當你從filepicker

$('#placeholder').attr('src', url);

搞清楚，這也說明你在那裏你可以保存爲圖像佔位符後來。

//do what you need to store the url

我不確定你的系統是什麼樣子，這部分將會超級特定於你的代碼和設置。

來源

2013-09-17 16:58:14

謝謝李延昌！保存圖像，我不知道我的系統（shopify電子商務）可以處理存儲，是否可以編寫一個腳本tahat將保存圖像從保存在url中的圖像保存在Dropbox或谷歌驅動器？只有客戶在下一頁中輸入他的詳細信息後，才能進行保存。 – user2784477

因爲鏈接將繼續工作，所以不需要存儲文件。如果你想要一個副本，我建議你設置一個s3存儲桶並集成filepicker，並將它放入你的存儲桶中。 –

一個FilePicker腳本

回答

相關問題