從網路獲取圖片的幾種方法

阿新 • • 發佈：2019-01-27

通過API獲取網路的圖片下載，這裡以天行資料為例，做簡要實驗。

資料獲取地址：網站地址（key請在個人中心獲取，需註冊，然後在個人中心複製，替換APIKEY即可）

1. Python方法

import requests
import json


def main():
    # request / response
    resp = requests.get('http://api.tianapi.com/meinv/?key=自己的KEY&num=10')
    mydict = json.loads(resp.text)
    for tempdict in mydict['newslist' 
]: 
    # 這裡的newslist要根據不同api中的名字做相應調整，此次天行的為newslist.
        pic_url = tempdict['picUrl']
        resp = requests.get(pic_url)
        filename = pic_url[pic_url.rfind('/') + 1:]
        try:
            with open(filename, 'wb') as fs:
                fs.write(resp.content)
        except IOError as 
 e:
            print(e)


if __name__ == '__main__':
    main()

2. JavaScript(html)原生方法

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <!--div---載入的美女圖片存放的地方-->
        <div 
 id="photos">

        </div> 
        <button id="load">載入</button> <!--載入資料按鈕-->
        <!--用原生JS寫   先給按鈕繫結事件-->
        <script type="text/javascript">
            //即時呼叫函式(function(){}()) 或者+(function(){})
            (function(){
                //通過ID拿,然後繫結事件,這裡不考慮瀏覽器相容性問題
                var btn = document.getElementById('load'); 
                btn.addEventListener('click', function(){
                    //非同步請求物件，偷偷的給伺服器傳送請求物件,這裡暫時也不考慮瀏覽器相容性問題
                    var xhr = new XMLHttpRequest();
                    //JS預設只能從自己的伺服器取資料, 同源策略
                    //但是今天的絕大多數都提供資料介面的伺服器都設定了執行跨域取資料
                    //瀏覽器中支援2種協議 方式 get--拿資料，資源； post---提交  http協議
                    //url-統一資源定位符，就是一個地址 uniform resouce locator
                    //第一個引數get/第二個引數url/第三個引數true--表示非同步請求
                    xhr.open('get', 
                        'http://api.tianapi.com/meinv/?key=自己的KEY&num=10', true);
                    //事件回撥 onreadystatechange-就緒狀態改變
                    xhr.onreadystatechange = function(){
                        //判斷伺服器響應是否完成，如果readyState==4,表示成功；伺服器響應完成 正在傳為2， 剛剛連上，還未傳資料為1
                        //status表示狀態，為200時，表示連線成功 伺服器正常
                        if (xhr.readyState == 4){
                            //通過從伺服器獲取的資料，對頁面進行DOM操作實現區域性重新整理
                            if (xhr.status == 200){
                                //字串解析
                                var obj = JSON.parse(xhr.responseText);
                                var mmArray = obj.newslist;
                                var div = document.getElementById('photos')
                                for (var i = 0; i < mmArray.length; i += 1){
                                    var picUrl = mmArray[i].picUrl;
                                    var img = document.createElement('img');
                                    img.src = picUrl;
                                    img.width = '360';
                                    div.appendChild(img);
                                }
                            }
                        }
                    }
                    //發出請求
                    xhr.send()      
                })
            }());
        </script>
    </body>
</html>

3. .get.JSON方法

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <div id="photos"></div>
        <button id="load">載入</button>
        <script src="js/jquery.min.js"></script>
        <script type="text/javascript">
            $(function(){
                var url = 'http://api.tianapi.com/meinv/?key=自己的KEY&num=10'
                $('#load').on('click', function(){
                    $.getJSON(url, function(obj){
                        var mmArray = obj.newslist;
                        for (var i = 0; i < mmArray.length; i += 1){
                            var img = $('<img>').attr('src', mmArray[i].picUrl).width(300);
                            $('#load').append(img);
                        }
                    })
                })
            })
        </script>
    </body>
</html>

4. .ajax方法

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <div id="photos"></div>
        <button id="load">載入</button>
        <script src="js/jquery.min.js"></script>
        <script type="text/javascript">
            $(function(){
                var urlStr = 'http://api.tianapi.com/meinv/?key=自己的KEY&num=10'
                $('#load').on('click', function(){
                    $.ajax({
                        url: urlStr,
                        type:'get',
                        dateType:'json',
                        success:function(obj){
                            var mmArray = obj.newslist;
                            for (var i = 0; i < mmArray.length; i += 1){
                                var img = $('<img>').attr('src', mmArray[i].picUrl).width(300);
                                $('#load').append(img);
                            }
                        }   
                    })
                })
            })
        </script>
    </body>
</html>

從網路獲取圖片的幾種方法

通過API獲取網路的圖片下載，這裡以天行資料為例，做簡要實驗。資料獲取地址：網站地址（key請在個人中心獲取，需註冊，然後在個人中心複製，替換APIKEY即可） 1. Python方法

Spring3 MVC請求參數獲取的幾種方法

setup return 異常 pathvaria method let 方法 ces 解決一、 [email protected]/* */ @RequestMapping(value="user/{id}/{name}",method=Requ

建築物高度數據的獲取的幾種方法

高度工作量數據影像其他自動數據庫缺點建築 1）從影像中直接提取建築物高度以及其他信息。其優點是效率高，但是目前還不適合大批量數據的自動處理。（2）用激光雷達結合空中影像，提取數字表面模型。其優點是獲取速度快，缺點是後續處理工作量大，費用可觀。（3）利用原

數據獲取的幾種方法

str string lar tags use int 簽名 params proxy 方法一：正則表達式 import re import urllib2 ＃不需要代理的 res = urllib2.urlopen(url).read() #需要代理使用這個 ueser

從網路獲取圖片實現無限輪播外賣公眾號開發找捌躍科技

//網路請求資料工具類 import java.io.BufferedReader; import java.io.IOException; import java.io.InputStream; import java.io.InputStreamReader

springmvc請求引數獲取的幾種方法

1、直接把表單的引數寫在Controller相應的方法的形參中，適用於get方式提交，不適用於post方式提交。 /** * 1.直接把表單的引數寫在Controller相應的方法的形參中 * @param username

pytorch學習：構建網路模型的幾種方法

利用pytorch來構建網路模型有很多種方法，以下簡單列出其中的四種。假設構建一個網路模型如下：卷積層--》Relu層--》池化層--》全連線層--》Relu層--》全連線層首先匯入幾種方法用到的包： import torch import torch.nn.functional as F

從網路獲取圖片並載入到ImageView

佈局檔案：<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:la

android從網路獲取圖片並顯示和儲存

如何不斷獲取圖片並顯示出來，達到視訊的效果。程式碼： <span style="font-size:12px;">publicclass GetPictureFromInternetActivity extends Activity { p

Java從檔案路徑中獲取檔名的幾種方法

Java從檔案路徑中獲取檔名的幾種方法舉例：String fName =” G:\Java_Source\navigation_tigra_menu\demo1\img\lev1_arrow.gif ” 方法一： ? View Code

liunx下獲取網卡地址的幾種方法

liunx下獲取網卡地址的幾種方法CentOS Linux release 7.2.1511 (Core)系統獲取網卡ipifconfig em1|awk ‘NR==2 {print $2}‘ifconfig em1|sed -n ‘2p‘|cut -d ‘ ‘ -f 10ifconfig em1|sed -

spring mvc獲取絕對路徑的幾種方法

col 文件結果 ret 項目 tps span ppr etc 1.首先如果是在一個controller方法中，則很簡單，直接用下面語句。 1 @RequestMapping("categoryHome") 2 public ModelAndVie

前臺向後臺傳值的兩種方法以及從後臺獲取數據的方法

list 獲取數據 data border asc req rip attr 訂單 1、前臺向後臺傳值方法一：表單提交的方式： 1 <form action="${path }/manage/logon.do" method="post" id="logonFo

Python 下載圖片的幾種方法

load color quest content 利用 pytho get .com 圖片總結下： url = ‘http://img.pconline.com.cn/images/upload/upc/tx/photoblog/1707/31/c14/54293429_

QT中給各控件增加背景圖片(可縮放可旋轉)的幾種方法

.net detail eight iou rotate art board 按鈕 previous 1. 給QPushButton 增加背景圖片：背景圖片可根據Button大小自由縮放。 [cpp] view plain copy vo

Javascript獲取html元素的幾種方法

nbsp code tel html元素參數 ctype regex head html 1.通過id獲取html元素 <!DOCTYPE html> <html> <head lang="en"> <me

Java Spring Controller 獲取請求參數的幾種方法

交流 str eth req turn let oca form表單 val 技術交流群：233513714 1、直接把表單的參數寫在Controller相應的方法的形參中，適用於get方式提交，不適用於post方式提交。若"Content-Type"="applic

Appium Android 獲取包名和 Activity 的幾種方法 (轉)

androidm test class .com mps 文件 ren -s tle 本文檔主要記錄“獲取包名和 Activity 的方法”，用於自動化測試時啟動APP。以下方法主要來源於網絡和社區同學的貢獻，特此感謝！ 1. 方法一： pm list package查看包

Spring Controller 獲取請求參數的幾種方法

不存在 orm red ID DDU usermod ping 接收發生 1、直接把表單的參數寫在Controller相應的方法的形參中，適用於get方式提交，不適用於post方式提交。若"Content-Type"="application/x-www-form-ur

Spring 獲取 request 的幾種方法及其線程安全性分析

就是 base p地址 sco 便是情況 C4D cookie tex 本文將介紹在Spring MVC開發的Web系統中，獲取request對象的幾種方法，並討論其線程安全性。一、概述在使用Spring MVC開發Web系統時，經常需要在處理請求時使用request

從網路獲取圖片的幾種方法

通過API獲取網路的圖片下載，這裡以天行資料為例，做簡要實驗。

相關推薦