最近在做一個電商的項目,里面有個上傳頭像的功能.要求可以上傳jpg,png,gif等常見圖片格式; 於是想到了阿里雲服務器存儲圖片,同時php操作mysql的方法;
准備工作:
需要准備以下php文件:
1.uploadImage.php(處理圖片上傳,遵循駝峰命名法)---> 在uploadImage.php文件中會把用戶本地的圖片提交到服務器,並把用戶上傳的圖片的路徑拼接上服務器的ip地址存入mysql數據庫
具體步驟如下:
1.用戶在html頁面上傳圖片,並點擊上傳按鈕;
2.使用form表單的submit按鈕,去訪問uploadImage.php; 上傳圖片到服務器,並存儲路徑至mysql數據庫
3.在網頁中放置img標簽,此標簽的src為從數據庫中拿出來的src;
Ps:我再做項目的時候使用了angular;所以以下貼出的代碼為包含angular的代碼;(第一次寫博客,不知道怎么上傳附件.......就先上傳圖片吧;)
第一步:先創建php文件
以下1-4為php代碼圖片:
代碼圖片1:
代碼圖片2:
代碼圖片3:
代碼圖片4:
第二步:form表單提交數據:
php文件寫好之后就可以使用form表單的submit去訪問php文件了;我的php文件是放置到阿里雲服務器的,所以form表單提交網址是服務器的地址加路徑拼接的;
代碼如下:
Ps: 以下代碼是預覽圖片的,就是說用戶點擊file按鈕選擇圖片之后,圖片即時顯示在網頁上(可選,建議選)
第三步:使用php文件訪問數據庫,拿出圖片的src數據,使用angular的{{}} 把取出的src變量放到你要顯示圖片的img的src屬性中即可;
查詢信息ajax如下:
然后把$scope.picsrc放入你要顯示的img標簽中,如下代碼:
請注意,敲黑板!!!!!
如果你的服務器上面的存儲圖片的img文件夾的權限不是0777,那么,你是不能上傳成功圖片的,需要改成如下格式;如圖:
如果是阿里雲服務器,可以使用官方推薦的Yummy FTP工具修改權限和操作服務器文件;
第一次寫博客,不足之處還望大家見諒,嘿嘿;
我下去繼續查詢一下這個博客園的使用,以后把代碼貼出來;大家也可以聯系我的qq郵箱:1391800065@qq.com
一定知無不言,言無不盡;