android本地圖片顯示
『壹』 androidcanvas保存為圖片部分不顯示
canvas保存到本地圖片三種方法
canvas保存本地圖片
第一種方法(修改圖片的媒體類型,window.open直接下載)
第二種方法(創建a標簽,通過自己觸發點擊來下載)
第三種方法(將圖片數據轉換成Blob數據,可以保存大圖片)
canvas保存本地圖片
在公司做一個canvas的項目,遇到個需求 :將canvas保存為圖片,圖片尺寸為12000*4000,一共用了好幾種方法,最後才成功,特此記錄一下。
第一種方法(修改圖片的媒體類型,window.open直接下載)
我看了一些教程,這種方法直接修改image.src最前面的媒體類型,將data:image改為data:application/octet-stream,然後調用window.open(url)這個函數,瀏覽器直接將會下載這個保存的圖片。不過圖片大小一旦超過限制,就會下載出現網路錯誤
// 第一種方法 採用data:application/octet-stream ,讓瀏覽器識別為下載,有大小限制,12000*4000無法保存let image = new Image();image.src = canvas.toDataURL({format: 'image/png', quality:1, width:14000, height:4000});var url = image.src.replace(/^data:image\/[^;]/, 'data:application/octet-stream');return image;window.open(url);
第二種方法(創建a標簽,通過自己觸發點擊來下載)
// 第二種 方法一樣,無法保存較大的圖片,會出現錯誤var imgURL = canvas.toDataURL({format: "image/png", quality:1, width:12000, height:4000});var dlLink = document.createElement('a');dlLink.download = "fileName";dlLink.href = imgURL;dlLink.dataset.downloarl = [MIME_TYPE, dlLink.download, dlLink.href].join(':');document.body.appendChild(dlLink);dlLink.click();document.body.removeChild(dlLink);
第三種方法(將圖片數據轉換成Blob數據,可以保存大圖片)
這個方法的核心是將圖片的imgData轉換成Blob數據,然後通過a標簽觸發保存,可以存儲較大的圖片,剛好滿足我的需求。
var link = document.createElement("a");var imgData =canvas.toDataURL({format: 'png', quality:1, width:20000, height:4000});var strDataURI = imgData.substr(22, imgData.length);var blob = dataURLtoBlob(imgData);var objurl = URL.createObjectURL(blob);link.download = "grid1.png";link.href = objurl;link.click();function dataURLtoBlob(dataurl: string) {var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);while(n--){u8arr[n] = bstr.charCodeAt(n);}eturn new Blob([u8arr], {type:mime});}
相關文章:
vue 引入項目圖片的幾種方式
MarkDown添加圖片的三種方式
java代碼讀取圖片的兩種方式
ecilpse寫html圖片,eclipse怎麼導入圖片
移動端圖片上傳的兩種方式
html 如何給圖片打標簽,圖文詳解HTML頁面中添加圖片的三種方法
python OpenCV 圖片相似度 5種演算法
word塗改塗掉圖片_怎麼在word中修改圖片的兩種方法
圖種製作方法 vbs腳本
【安全技術揭秘系列】探索圖片隱寫的奧秘
圖種
Qt線程池
線程池專欄
SpringBoot線程池
Java Review - 創建線程和線程池時建議指定與業務相關的名稱
java線程池存在時間_Java線程池基礎
tomcat線程池
Netty 線程池
線程池-ThreadPoolExecutor
Executors類創建四種常見線程池
『貳』 求:android 獲取系統相冊圖片並顯示在當前頁面的代碼
先初始化;
注意自定義 的
private final String IMAGE_TYPE = "image/*";private final int IMAGE_CODE = 0;
private void setImage() {
Intent getAlbum = new Intent(Intent.ACTION_GET_CONTENT); getAlbum.setType(IMAGE_TYPE); startActivityForResult(getAlbum, IMAGE_CODE);}
這里使用Intent獲得相冊圖片數據,並返回原來界面;
這里說明一下
startActivityForResult(getAlbum, IMAGE_CODE);
補充{
startActivityForResult與startActivity的不同之處在於:
1、startActivity( )
僅僅是跳轉到目標頁面,若是想跳回當前頁面,則必須再使用一次startActivity( )。
2、startActivityForResult( )
可以一次性完成這項任務,當程序執行到這段代碼的時候,假若從T1Activity跳轉到下一個Text2Activity,而當這個Text2Activity調用了finish()方法以後,程序會自動跳轉回T1Activity,並調用前一個T1Activity中的onActivityResult( )方法。
}
startActivityForResult(getAlbum, IMAGE_CODE);
這里採用startActivityForResult來做跳轉,此處的IMAGE_CODE實質是0為一個依據,可以寫其他的值,但一定要>=0
然後重寫onActivityResult用於接收剛剛得到的數據
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
Bitmap bm = null; ContentResolver resolver = getContentResolver(); if (requestCode == IMAGE_CODE) { try {
Uri originalUri = data.getData(); bm = MediaStore.Images.Media.getBitmap(resolver, originalUri); imgShow.setImageBitmap(bm); } catch (IOException e) {
e.printStackTrace(); }
}
補充{
ContentProvider-----數據提供給第三方應用程序使用時使用
因為在Android系統裡面,資料庫是私有的。一般情況下外部應用程序是沒有許可權讀取其他應用程序的數據。如果你想公開你自己的數據,你有兩個選擇:你可以創建你自己的內容提供器(一個ContentProvider子類)或者你可以給已有的提供器添加數據-如果存在一個控制同樣類型數據的內容提供器且你擁有寫的許可權
}
這里是創建一個新的內容提供器,然後在Activity當中通過getContentResolver()可以得到當前應用的 ContentResolver實例
if (requestCode == IMAGE_CODE) {
resultCode為回傳的標記這句話是在確認是否回傳的是你所需要的;如果是就執行try;不然就執行catch (IOException e) {
e.printStackTrace();}先說這里當try語句中出現異常是時,會執行catch中的語句,IOException e也就是實例化Exception類型的對象。e是此對象引用名稱。然後e(引用)會自動調用Exception類中指定的方法,也就出現了e.printStackTrace() ;。printStackTrace()方法的意思是:在命令行列印異常信息在程序中出錯的位置及原因。
try {
Uri originalUri = data.getData(); bm = MediaStore.Images.Media.getBitmap(resolver, originalUri); imgShow.setImageBitmap(bm);接收數據處理數據並顯示照片。
然後進行測試。
另附源碼:
MainActivity:
package com.example.administrator.myapplication1;import android.graphics.BitmapFactory;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import java.io.IOException;import android.net.Uri;import android.os.Bundle;import android.provider.MediaStore;import android.app.Activity;import android.content.ContentResolver;import android.content.Intent;import android.graphics.Bitmap;import android.view.View;import android.view.View.OnClickListener;import android.widget.Button;import android.widget.ImageView;public class MainActivity extends AppCompatActivity { private final String IMAGE_TYPE = "image/*"; private final int IMAGE_CODE = 0; private Button choose=null; private ImageView imgShow; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); init();} private void init() { choose=(Button) findViewById(R.id.button1); imgShow=(ImageView) findViewById(R.id.imgShow); choose.setOnClickListener(listener); } private OnClickListener listener=new OnClickListener(){ @Override public void onClick(View v) {
setImage(); }
}; private void setImage() {
Intent getAlbum = new Intent(Intent.ACTION_GET_CONTENT); getAlbum.setType(IMAGE_TYPE); startActivityForResult(getAlbum, IMAGE_CODE); } protected void onActivityResult(int requestCode, int resultCode, Intent data) {
Bitmap bm = null; ContentResolver resolver = getContentResolver(); if (requestCode == IMAGE_CODE) { try {
Uri originalUri = data.getData(); bm = MediaStore.Images.Media.getBitmap(resolver, originalUri); imgShow.setImageBitmap(bm); } catch (IOException e) {
e.printStackTrace(); }
}
}
}
layout:activity_main.xml:
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="選擇照相" android:layout_marginRight="190dp" android:layout_marginTop="8dp" android:paddingBottom="2dp" android:background="#aabbcc" /> <ImageView android:id="@+id/imgShow" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_margin="15dip" /></LinearLayout>
『叄』 android用WebView顯示本地網頁webview.loadUrl("file:///android_asset/haitian.htm"); 圖片顯示不出來。
webView顯示不了圖片,那肯定是html中的圖片引入寫錯了,WebView(網路視圖)能載入顯示網頁,可以將其視為一個瀏覽器。它使用了WebKit渲染引擎載入顯示網頁。
如果顯示有問題,建議按以下方式去實現:
第一種方法的步驟:
1.在要Activity中實例化WebView組件:WebView webView = new WebView(this);
2.調用WebView的loadUrl()方法,設置WevView要顯示的網頁:
互聯網用:webView.loadUrl("http://www.google.com");
本地文件用:webView.loadUrl("file:///android_asset/XX.html"); 本地文件存放在:assets 文件中
3.調用Activity的setContentView( )方法來顯示網頁視圖
4.用WebView點鏈接看了很多頁以後為了讓WebView支持回退功能,需要覆蓋覆蓋Activity類的onKeyDown()方法,如果不做任何處理,點擊系統回退剪鍵,整個瀏覽器會調用finish()而結束自身,而不是回退到上一頁面
5.需要在AndroidManifest.xml文件中添加許可權,否則會出現Web page not available錯誤。
<uses-permission android:name="android.permission.INTERNET" />
第二種方法的步驟:
1、在布局文件中聲明WebView
2、在Activity中實例化WebView
3、調用WebView的loadUrl( )方法,設置WevView要顯示的網頁
4、為了讓WebView能夠響應超鏈接功能,調用setWebViewClient( )方法,設置 WebView視圖
5、用WebView點鏈接看了很多頁以後為了讓WebView支持回退功能,需要覆蓋覆蓋Activity類的onKeyDown()方法,如果不做任何處理,點擊系統回退剪鍵,整個瀏覽器會調用finish()而結束自身,而不是回退到上一頁面
6、需要在AndroidManifest.xml文件中添加許可權,否則出現Web page not available錯誤。
<uses-permission android:name="android.permission.INTERNET"/>
『肆』 android如何從伺服器取多張圖片,在本地保存並顯示
//獲取connection conn = getURLConnection(url); is = conn.getInputStream(); //獲取Bitmap的引用 Bitmap bitmap = BitmapFactory.decodeStream(is) //獲取長度 int length = (int) conn.getContentLength(); if (length != -1) { byte[] imgData = new byte[length]; byte[] temp=new byte[512]; int readLen=0; int destPos=0; while((readLen=is.read(temp))>0){ System.array(temp, 0, imgData, destPos, readLen); destPos+=readLen; } bitmap=BitmapFactory.decodeByteArray(imgData, 0, imgData.length); }可能想得不是很完善,你可以參考參考。
『伍』 Android 實現顯示指定文件夾內所有圖片用什麼可以實現
1、程序,把Assets中的圖像顯示出來
try {
BufferedInputStream bis = new BufferedInputStream(getAssets()
.open("a.bmp"));
Bitmap bm = BitmapFactory.decodeStream(bis);
imageView01.setImageBitmap(bm);
} catch (Exception e) {
// TODO Auto-generated catch block
e.printStackTrace();
System.out.println("==========file not found======");
}
2、原理:Android中的資源分析
資源是Android應用程序中重要的組成部分。在應用程序中經常會使用字元串、菜單、圖像、聲音、視頻等內容,都可以稱之為資源。通過將資源放到與apk文件中與Android應用程序一同發布,在資源文件比較大的情況下,可以通過將資源作為外部文件來使用,我們將分析如何在Android應用程序中存儲這些資源。
一、資源的存儲
在android中,資源大多都是保存在res目錄中,例如布局資源以XML文件的形式保存在res\layout目錄中;圖像資源保存著res\drawable目錄中;菜單資源保存在res\menu目錄中。ADT在生成apk文件時,這些目錄中的資源都會被編譯,然後保存到apk文件中。如果將資源文件放到res\raw目錄中,資源將在不編譯的情況下放入apk文件中。在程序運行時可以使用InputStream來讀取res\raw目錄中的資源。
如果使用的資源文件過大,我們可以考慮將資源文件作為外部文件單獨發布。Android應用程序會從手機內存或者SD卡讀取這些資源文件。
二、資源的種類
從資源文件的類型來劃分,我們可以將資源文件劃分為XML、圖像和其它。以XML文件形式存儲的資源可以放在res目錄中的不同子目錄里,用來表示不同種類的資源;而圖像資源會放在res\drawable目錄中。除此之外,可以將任意的資源嵌入Androidy應用程序中。比如音頻和視頻等,一般這些資源放在res\raw目錄中。
表1、 Android支持的資源
目錄 資源類型 描述
Res\values
XML
保存字元串、顏色、尺寸、類型、主題等資源,可以是任意文件名。對於字元串、顏色、尺寸等信息採用
Key-value形式表示,對於類型、主題等資源,採用其它形式表示
Res\layout
XML
保存布局信息。一個資源文件表示一個View或ViewGroup的布局
Res\menu
XML
保存菜單資源。一個資源文件表示一個菜單(包括子菜單)
Res\anim
XML
保存與動畫相關的信息。可以定義幀(frame)動畫和補間(tween)動畫
Res\xml
XML
在該目錄的文件可以是任意類型的XML文件,這些XML文件可以在運行時被讀取。
Res\raw
任意類型
在該目錄中的文件雖然也會被封裝在apk文件中,但不會被編譯。在該目錄中可以放置任意類型的文件,例如,各種類型的文檔、音頻、視頻文件等
Res\drawable
圖像
該目錄中的文件可以是多種格式的圖像文件,例如,bmp、png、gif、jpg等。在該目錄中的圖像不需要解析度非常高,aapt工具會優化這個目錄中的圖像文件。如果想按字流讀取該目錄下的圖像文件,需要將圖像文件放在res\raw目錄中。
assets
任意類型
該目錄中的資源與res\raw中的資源一樣,也不會被編譯。但不同的是該目錄中的資源文件都不會生出資源ID
三、資源文件的命名
每一個資源文件或資源文件中的key-value對都會在ADT自動生成的R類(在R.java文件中)中找到相對應的ID.其中資源文件名或key-value對中的key就是R類中的java變數名。因此,資源文件名好key的命名首先要符合java變數的命名規則。
除了資源文件和key本身的命名要遵循相應的規則外,多個資源文件和key也要遵循唯一的原則。也就是說,同類資源的文件名或key不能重復。例如,兩個表示字元串資源的key不能重復,就算這兩個key在不同的XML文件中也不行。
由於ADT在生成ID時並不考慮資源文件的擴展名,因此,在res\drawable、res\raw等目錄中不能存在文件名相同,擴展名不同的資源文件。例如在res\drawable目錄不能同時放置icon.jpg和icon.png文件。
四、資源使用示例
在Android SDK中不僅提供了大量的系統資源,而且還允許開發人員定製自己的資源。不管是系統資源,還是自定義的資源,一般都會將這些資源放在res目錄中,然後通過R類中的相應ID來引用這些資源。接下來將針對於XML類資源的使用進行分析。
XML資源實際上就是XML格式的文本文件,這些文件必須放在res\xml目錄中。可以通過Resources.getXml方法獲得處理指定XML文件的XmlResourceParser對象。實際上,XmlResourceParser對象處理XML文件的的過程主要是針對不同的狀態點處理相應的代碼,比如開始分析文檔、開始分析標簽、分析標簽完成等,XmlResourceParser通過調用next方法不斷更新當前的狀態。
下面的代碼,則是展示如何讀取res\xml目錄中的XML文件的內容,先在res\xml目錄中建立一個xml文件。將AndroidManifest.xml文件復制到res\xml目錄中,並改名為android.xml。
在准備完XML文件後,在onCreate方法中開始讀取XML文件的內容,代碼如下:
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
TextView textView=(TextView)findViewById(R.id.textview);
StringBuffer sb=new StringBuffer();
// 獲得處理android。xml文件的XmlResourceParser對象
XmlResourceParser xml=getResources().getXml(R.xml.android);
try
{
//切換到下一個狀態,並獲得當前狀態的類型
int eventType =xml.next();
while(true)
{
//文檔開始狀態
if(eventType == XmlPullParser.START_DOCUMENT)
{
Log.d("start_document","start_document");
}
//標簽開始狀態
else if(eventType ==XmlPullParser.START_TAG)
{
Log.d("start_tag",xml.getName());
//將標簽名稱和當前標簽的深度(根節點的depth是1,第2層節點的depth是2,類推)
sb.append(xml.getName()+"(depth:"+xml.getDepth()" ");
//獲得當前標簽的屬性個數
int count=xml.getAttributeCount();
//將所有屬性的名稱和屬性值添加到StringBuffer對象中
for(int i=0;i<count;i++)
{
sb.append(xml.getAttributeName(i)+":
"+xml.getAttributeValue(i)+"");
}
sb.append(")\n");
}
//標簽結束狀態
else if(eventType ==XmlPullParser.END_TAG)
{
Log.d("end_tag",xml.getName());
}
//讀取標簽內容狀態
else if(eventType ==XmlPullParser.TEXT)
{
Log.d("text","text");
}
//文檔結束狀態
else if(eventType ==XmlPullParser.END_DOCUMENT)
{
Log.d("end_document","end_document");
//文檔分析結束後,退出while循環
break;
}
//切換到下一個狀態,並獲得當前狀態的類型
eventType =xml.next();
}
textView.setText(sb.toString());
}
catch(Exception e) {}
}
二、如果想讀入文件
在使用getAssets().open("anhui.xml")返回輸人流之後,就可以以此為參數,後面的處理跟普通的java的處理相同。