ionic圖片上傳

『壹』 在前端中如何建立一個images包用於網頁中引用圖片更加方便 主要是不知道建立的包是什麼類型的

images包指的是？在前端中一般會有一個images文件夾，裡面可能回放3樣文件，1.普通圖片（包括各種格式的圖片，例如jpg 、png、fig、等）2.圖標，也是圖片，但是一般比較小，多為矢量圖（也可以直接和普通圖片放在一起）3.字體圖標如：ionic或者其他的字體圖標

『貳』 怎麼將本地文件上傳到遠程git倉庫

1在windows系統客戶端安裝git工具。

2在「本地文件」中添加「.git文件」，用於git管理。
進入本地文件夾，右擊滑鼠-單擊Git Init Here-生成.git文件夾。

3在github創建倉庫用於存儲管理本地文件，示例：Blog。

點擊賬號前的加號（Create New）--New repository，根據引導創建一個Blog倉庫。

4遠程添加github上的Blog倉庫。進入本地文件夾下-右擊滑鼠-Git Gui-遠端（remote）-Add...

5獲取github中Blog倉庫的地址。

6在Add Remote窗口中填寫名字、Location。

7將本地文件內容即「已緩存的改動」，提交git管理的master分支上。

8將本地文件上傳到github上去。

單擊Git Gui界面「上傳」--「上傳」窗口隨意勾選一個或多個傳輸選項--點擊「上傳」--上傳Blog過程中需要輸入github的登錄賬號和密碼。

9在github上查看本地文件Blog項目是否上傳成功。

『叄』 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");

『肆』 ionic 做移動應用怎麼樣

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

• 代碼混淆

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

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

『伍』 如何在Windows下使用ionic打包與開發IOS程序

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的事情了。

『陸』 ionic中兩張圖片並排的css樣式怎麼寫

1.page.html文件里寫ionic提供的控制項，比如：ion-header,ion-content, ion-title,ion-toobar,經管如此，有時候滿足不了項目的界面，我們需要結合HTML的基本命令來完成設計，比如：div，p， img，a，等。
2.scss使用經驗：每個頁面都有自己的scss文件，我在使用時，發現幾個頁面的css定義會影響，就是頁面2可以用頁面1的css定義造成干擾的現象，後來發現，每個scss文件里有個頁面定義，我們只要把當前頁面的css定義放在這個頁面定義就行，實現了css分離。（）本人剛學習網頁編程，一切都在探索中）。示例如下：
age-page3 {
.page {
display: flex
align-items: center
text-align: center
margin: 0 auto
height: 100%
ackground-color: #abaaaa
adding-top: 5px
adding-bottom: 5px
// margin-top: 2px
這個page屬性就放在了page-page3的大括弧裡面，保證了這個css定義隻影響當前頁面。

『柒』 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>效果圖：

『捌』 iconfont 阿里巴巴矢量圖 怎麼用

方法一、下載圖標 1.由於度娘限制，自己網路下載地址吧~輸入「阿里巴巴矢量圖標庫」網路搜索第一位就是啦 2.打開網址，你可以選擇右上角的搜索，搜索自己要的圖標，例如美女3.也可以選擇去圖標庫自行選擇想要的圖標4.選擇圖標，點擊圖標變成橘色，即放在暫存架5.再次點擊即可取消，或者在暫存架中滑鼠滑過圖標，圖標右上角有刪除小按鈕也可刪除選中6.選擇好要用的圖標後，點擊暫存架的下載至本地，解壓待用
方法二、項目引用 1.打開解壓的文件夾中的demo.html 2.我們下載的圖標可看到了吧，按照demo的步驟，下面我們配置ionic的項目3.靜態文件存放目錄，新建font文件夾用來存放字體文件（可自定義存放）4.css使用font-face聲明字體5.css定義使用iconfont的樣式6.挑選相應圖標並獲取字體編碼，應用於頁面就可以顯示圖標啦

『玖』 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