发布于 2015-01-16 03:23:43 | 2579 次阅读 | 评论: 0 | 来源: PHPERZ
这里有新鲜出炉的Bootstrap v3教程,程序狗速度看过来!
Bootstrap Web前端CSS框架
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。
本文为大家提供的是一个bootstrap 图片上传示例代码,感兴趣的同学参考下。
引入的包:
import java.io.File;
import java.util.Iterator;
import java.util.UUID;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileItemFactory;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import org.apache.commons.io.FileUtils;
import org.apache.struts2.ServletActionContext;
import com.gzzs.util.service.HandlerPath;
import com.opensymphony.xwork2.ActionSupport;
<div style="margin-top: 10px; margin-left: 180px">
<input id="specialrecommendfile" type="file" size="30"
name="file">
<button type="button" onclick="UploadSpecialRecommendPic()"
class="btn btn-warning btn-lg">上传</button>
<input type=hidden class="span5" id="specialRecommendPic"
name="riIndexPic">
</div>
function UploadSpecialRecommendPic() {
$.ajaxFileUpload({
url : '/GZZSServer/s_util/uploadSpecialRecommendPic.action',
secureuri : false,
fileElementId : 'specialrecommendfile',
dataType : 'json',
success : function(d, status) {
var data = eval('(' + d + ')');
alert(data.msg);
if (data.flag == 1) {
$("#SpecialTopicPicShow").attr("src", data.path);
$("#specialRecommendPic").val(data.picName);
}
},
error : function(data, status, e) {
alert(e);
}
});
}
public String uploadSpecialRecommendPic() {
try {
String path;
path = "C://";
FileUtils.copyFile(file, new File(path));
result = "{flag:\"1\",msg:\"操作成功\",path:\""
+ HandlerPath.getHostSimulateAuthorLogoPath()
+ fileFileName + "\",picName:\"" + fileFileName + "\"}";
return SUCCESS;
} catch (Exception e) {
e.printStackTrace();
result = "{flag:\"0\",msg:\"操作失败\"}";
return SUCCESS;
}
}