Java之品优购课程讲义_day08（2）

2.1 广告管理
2.1.1 广告图片上传
将 pinyougou-shop-web 的以下资源拷贝到 pinyougou-manager-web
（1） UploadController.java
（2） uploadService.js
（3） application.properties
（4） fdfs_client.conf
在 pinyougou-manager-web 的 springmvc.xml 中添加配置

//控制层

app.controller('contentController'  ,function($scope,$controller    ,contentService,u ploadService){

在 content.html 引 入 JS
<script  type="text/javascript"  src="../js/service/uploadService.js">    </script>
在 contentController.js 编写代码
//上传广告图

$scope.uploadFile=function(){ uploadService.uploadFile().success(
function(response){ if(response.success){
$scope.entity.pic=response.message;

}else{

alert("上传失败！");

}

}

).error(

function(){

alert("上传出错！");

}

);

}
修改 content.html 实现上传功能
<tr>
<td>图片</td>

<td>

<input  type="file"  id="file">

<button  ng-click="uploadFile()">上传</button>

<img  alt=""  src="{{entity.pic}}"  height="100px"  width="200px">

</td>

</tr>
列表中显示图片
<img  alt=""  src="{{entity.pic}}"  height="50px"  width="100px">

转载于:https://blog.51cto.com/13517854/2169650