當前位置:首頁 » 文件傳輸 » ionic圖片上傳
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

ionic圖片上傳

發布時間: 2022-01-15 04:43:43

A. ionic怎麼傳多個參數

我不知道你問的是什麼的。
如果你知道傳一個參數的話,你可以把那個參數看成一個對象,一個對象中有多條屬性,多條屬性就對應你說的多個參數。

B. 在ionic3中如何實現隨機布局瀑布流

說明你沒有看他的源碼,圖片的寬度肯定不一樣的,指定圖片寬度為屏幕的三分之一,然後縮放.

C. ionic iframe 子值傳父,怎麼寫

父頁面中的iframe :如下

<iframe name="sunPage" id="sunPage" src="sun.html" width="300px" height="auto"></iframe>;
1.父iframe 調用子iframe的方法
$("#sunPage")[0].contentWindow.sunMethod();
contentWindow 對象可以獲取子iframe的window對象,兼容所有瀏覽器.
sunMethod() 這是子iframe中的方法名.
如果iframe的id不知道,比如用jbox 的open方法打開一個ifram.可以藉助jquery的find方法找到iframe節點。
如:$(selector).find("iframe")[0].contentWondow.sunMethod();
2.父iframe 修改子iframe標簽中的數據:如修改子iframe中的input的值.
$('#sunPage').contents().find("#sunP").text("dsssssdd");

jQuery contents() 方法: http://www.w3school.com.cn/jquery/traversing_contents.asp 介紹
ID #sunP 是子iframe中的input的id;
3.子iframe調用父iframe中的方法
window.parent.Yo("asdadasds");
window.parent 直接調用window對象的parent
Yo("asdadasds"); 父頁面的方法名,可傳參數;
4, 子iframe 修改父iframe標簽中的數據:如修改父iframe中的input的值.
這個就不用說了.

window.parent.$("#button3").text("ssssssssssss");

D. ionic 調用攝像頭 截圖保存呢時閃退

①如果要保存照片,需要設置destinationType是返回圖像路徑,然後設置saveToPhotoAlbum: true,這兩個參數都設置才能保存照片,我發現如果設置了長和寬保存的照片質量會很差,去掉的畫質量不錯。但我Android會默認存到
file://storage/sdcard0/Pictures中,我手機相冊沒識別出來。而且這個時候雖然設置allowEdit: true,但是返回來的是源文件的路徑,這個剪裁功能等於沒有用。
②如果要截取圖片,要設置allowEdit: true,設置長和寬,並且destinationType返回的是base64位編碼字元串。
③當設置sourceType: Camera.PictureSourceType.CAMERA時,這個時候的選擇圖庫的界面很難看,需要設置sourceType為0或者2這個時候調用的就是系統的圖庫,好看點。所以我們實現拍照,然後在拍照的成功回調中調用打開相冊選擇圖片,效果會好一點。
④長和寬的設置隻影響剪裁框的大小,也就是如果返回base64會影響圖片的大小,返回uri不會影響。
⑤有可能會出現base64上傳後圖片自動旋轉90度的問題,correctOrientation設置true即可

cordova-plugin-camera 插件說明文檔

中文文檔:http://www.jianshu.com/p/184f9d704c71

英文文檔:https://www.npmjs.com/package/cordova-plugin-camera#camerapopoveroptions

E. ionic滑動框,能一進入頁面就從一個指定的ion-slide開始顯示嗎

在ionic 中, 圖片的上傳預覽或者瀏覽中,類似微信中 可以點擊到第N長圖片後,預覽的ion-slide-box 中能首先顯示指定的 那一頁,還有圖片的位置的居中???如何居中???
據圖瀏覽頁面的 <ion-content > 部分代碼:

<ion-content >
<ion-slide-box on-slide-changed="showall()"
show-pager="{{lookpictureInfo.pictures.length>1?true:false}}"
ng-style="allWindow_style"
>
<ion-slide ng-repeat="(index, picture) in lookpictureInfo.pictureList"
>
<ion-scroll zooming="true"
direction="xy"
style="text-align: center;
vertical-align: middle;
"
ng-style="allWindow_style"
>
<div >
<img ng-style="img_style" ng-src="{{picture.url}}">
</div>
</ion-scroll>
</ion-slide>
</ion-content>效果圖:

F. ionic 怎麼將表單數據上傳到伺服器

最原生的方法: 用 標簽包裹一些表單元素(比如)和提交按鈕(),即可完成提交了。 記得給 form 設置提交地址(action 屬性)

G. Windows下bat自動打包ionic,但ionic執行完不會返回繼續執行

1、安裝VMware和Mac OS

參考網上教程

2、ionic開發ios程序

3、安裝Xcode

為什麼要安裝Xcode呢?

ionic開發Android程序都不需要安裝eclipse等IDE,只要一個能寫SSS,JS
,HTML的IDE就行(Hbuilder,WebStrom,Sublime Text), 開發完成之後不就執行個ionic platform
add android,ionic build android,然後就能生成一個.apk文件,給手機上一安裝O了。

ionic開發ios程序就得安裝Xcode
IDE,這是因為蛋疼的ios程序無法直接使用命令生成,使用命令只能生成.project文件,然後再使用Xcode
IDE將.project文件轉成.ipa文件,更讓人蛋疼的是這個ipa文件居然也不能被直接安裝到愛瘋上,只能先上傳到APP
Store,人家審核通過之後,我們再從APP
Store上下載。(看到這你可能快瘋了,但是沒法啊,誰讓人家NB呢。好了廢話少說了,乖乖安裝Xcode吧)

4、安裝ionic開發環境

(這個和在windows上安裝android開發環境類似)

5、安裝Nodejs

網路下載,傻瓜式安裝,注意:你現在是Mac本,所以需要下載Nodejs for mac的,別下錯了

6、安裝cordova,ionic

sudo npm install -g cordova
sudo npm install -g ionic
或者合成一句統一安裝
sudo npm install -g cordova ionic

7、創建項目

ionic start firstIonicProjectForIos [tabs][blank][sidememu]

8、瀏覽器中運行項目(調試項目)
cd firstIonicProjectForIosionic serve(自動在afai瀏覽器中打開)

9、模擬器中運行項目

因為apple開發的證書限制我們在沒有申請購買apple賬號的情況下,使用虛擬機來部署我們的應用,在部署之前需要使用npm安裝一個ios-sim插件用來調用模擬器的,執行命令:

sudo npm install -g ios-sim

然後執行
ionic platform add ios (添加ios平台)ionic build ios

開始編譯項目,編譯完成之後用Xcode打開開發目錄下platform->ios->myIonic.xcodeproj的項目文件,Xcode中選擇要運行的虛擬機版本並執行快捷鍵cmd+R運行虛擬機,虛擬機打開後會自動運行你應用。

當然你也可以使用命令:
ionic emulate ios(在ios模擬器中打開)/ionic run ios(我的報錯了)

PS: 為什麼不用run ios 命令直接啟動虛擬機呢,因為我的環境下執行run會報錯,虛擬機會打開但是無法運行程序,找了半天解決解決方案沒有結果,索性直接用Xcode了,效果是一樣的

10、打包項目

能使用Ionic來開發app的很可能對Ios和android的app打包發布流程不是很熟悉,我這里簡單說明下:
ionic build android命令執行完成之後會在項目目錄/platforms/android/build/outputs/apk目錄下面生成.apk文件。

但是ionic build ios命令執行完成之後不會生成.ipa文件,只會在項目目錄/platform/os目錄下生成.xcodeproj文件,這個文件需要藉助Xcode才能將其打包成.ipa文件。

因此接下來的任務就成了使用Xcode打包.xcodeproj成為.ipa的事情了。

H. ionic2中測試上傳照片怎麼弄

啊哈哈,知音啊。。。想當年我傳大(絕對在要求尺寸里的)的它提示太大,需要XXX尺寸,我傳了,它又說太小。。。這樣顛來倒去,我都快掀桌了。。。最後解決方法。。。只要你沒弄錯,多傳幾遍就好了。。。就是系統犯抽

I. ionic 做移動應用怎麼樣

我覺得這個移動應用不怎麼樣,甚至覺得還很差。不建議大家用。


  • 代碼混淆

某些應用信息需要存儲在本地以便後面使用,最簡單的本地存儲是window.localStorage,我們可以將數據以鍵值對的形式進行存儲。在ios,android中,對window.localStorage均有5Mb的限制,並且在手機內存緊張的情況下會清空window.localStorage。因此window.localStorage並不適合做為數據的持久化方式。

總結:我覺得還是經典的做移動應用比較好吧,這個太專業,不好過多評論。