国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 學院 > 開發設計 > 正文

如何用Ajax加載服務器的圖片

2019-11-15 01:03:43
字體:
來源:轉載
供稿:網友
如何用Ajax加載服務器的圖片用Ajax請求服務器的圖片,并顯示在瀏覽器中前言

一直在數據庫里面存的都是圖片在服務器的地址,然后再到瀏覽器中顯示,但是發現兩個問題

第一:為了安全起見,js是無法讀取本地的圖片的,不然你寫一個js,豈不是可以獲取任何人電腦里面的文件了。

第二:圖片存在的是在服務器的硬盤上面,而不是在客戶的硬盤里面,所以也是取不到的

后來在網上找方法,找的方法,都是各種轉換二進制到xml中,的各種高大上的答案,然后本人又實在太懶了,就自己想了一個方法,就是利用BufferedImage這個類。

開始

首先說說我的思路,就是把本地的圖片,加載到內存中,然后放到BufferedImage這個緩沖流中,然后利用ImageIO.write(),這下大家都估計想得到一種思路了,但是如果說ajax,得到的數據,估計還是啥個亂七八糟的啥吧!沒關系,稍后介紹。

工具類

首先建立一個加載圖片的工類具,把一個圖片的地址當參數存進去,得到這個圖片的緩沖流:

/**     * 根據圖片的地址,返回圖片的緩沖流     * @param addr     * @return     */    public static BufferedImage getInputStream(String addr){        try {            String imgPath = addr;              BufferedImage image = ImageIO.read(new FileInputStream(imgPath));            return image;        } catch (Exception e) {            e.PRintStackTrace();            System.out.println();            System.out.println("獲取圖片異常:java.awt.image.BufferedImage");            System.out.println("請檢查圖片路徑是否正確,或者該地址是否為一個圖片");        }        return null;    }

沒錯,就是使用ImageIO.read,來加載流對象,然后就是處理類的代碼了,這是我用的是springMVC,springMVC這段時間比較火,所以我也好少用struts2了

處理類
/**     * 根據圖片的地址,來獲取圖片     * @param addr     * @param response     */    @ResponseBody    @RequestMapping("/getImg")    public void getImg(@Param("addr")String addr,HttpServletResponse response){        BufferedImage img = new BufferedImage(300, 150, BufferedImage.TYPE_INT_RGB);        img = ImgUtil.getInputStream(addr);        if(img==null){            throw new RuntimeException("打印圖片異常:com.controller.Business_Ctrl.getImg(String, HttpServletResponse)");        }        if(img!=null){            try {                ImageIO.write(img, "JPEG", response.getOutputStream());            } catch (IOException e) {                e.printStackTrace();                System.out.println("打印異常:com.controller.Business_Ctrl.getImg(String, HttpServletResponse)");            }        }    }

很明顯,使用ImageIO.read()讀到圖片時,就用ImageIO.write(),輸出圖片,輸入流就是HttpServletResponse.getOutputStream()

客戶端
            function setImg(addr){                         $("#logo").attr("src","business/getImg?addr="+addr+"");            }

如圖所示,當需要加載圖片的時候,就觸發setImg方法,給它一個地址,當然,地址,早已經從后臺傳到前臺了,自然,就算沒有地址,稍微變一下,也可以在后臺得到地址,然后返回,然后給img標簽設置src屬性,就可以得到圖片了。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 手游| 鲜城| 富平县| 安化县| 宿迁市| 三门县| 长乐市| 喜德县| 库尔勒市| 屏东县| 隆德县| 金山区| 麻栗坡县| 个旧市| 揭西县| 府谷县| 兴宁市| 尼玛县| 奉节县| 建始县| 开封县| 宝坻区| 图们市| 迁西县| 平果县| 广宗县| 樟树市| 上思县| 清水县| 兴化市| 屯昌县| 鹤山市| 贞丰县| 关岭| 大姚县| 班玛县| 化德县| 宽甸| 祁东县| 偏关县| 安阳县|