jsp图片没有上传没有缩略图,怎么回事

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="m" uri="/my-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@ taglib prefix="sb" uri="/struts-bootstrap-tags"%>


<s:include value="../content-main.jsp">
  <s:param name="menu">wedding</s:param>
<s:param name="head">
<link href="res/common/bootstrap/css/bootstrap.min.css"
rel="stylesheet">


<script src="res/common/jquery/jquery.min.js"></script>
<script src="res/common/bootstrap/js/bootstrap.min.js"></script>
<script src="res/common/holder.js"></script>
<s:set var="custom_head" value="true"></s:set>
<sj:head jqueryui="false" />
<sb:head includeScripts="true" includeScriptsValidation="true" />


<script src="res/common/editor/kind/kindeditor-all-min.js"></script>
<script src="res/common/editor/kind/lang/zh_CN.js"></script>


<script src="res/common/editor/kind/kindeditor-all-min.js"></script>
<script src="res/common/editor/kind/lang/zh_CN.js"></script>

<link href="res/common/uploadify/uploadify.css" rel="stylesheet" />
<script src="res/common/uploadify/jquery.uploadify.min.js"></script>
<script src="res/common/lhgcalendar/lhgcalendar.min.js"></script>

<script src="res/common/jquery.cityselect.js"></script>
<script src="res/common/weiba.map.js"></script>
<link href="res/common/uploadify/uploadify.css" rel="stylesheet" />


<script type="text/javascript">


$(function() {
//清空上传的图片
$(document).on('click', '.j_img_clear', function() {
$(this).next('input').val('');
$(this).prevAll('img').attr('src', 'res/site/wedding/default.jpg');
});


var editor;
KindEditor.ready(function(K) {
editor = K.create('textarea[name="contents"]', {
resizeType : 1,
pasteType : 1,
minWidth : 430,
newlineTag : 'br',
items : [ 'source', '|', 'undo', 'redo', '|', 'fontname',
'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
'italic', 'underline', 'removeformat', '|', 'justifyleft',
'justifycenter', 'justifyright', 'hr', 'insertorderedlist',
'insertunorderedlist', '|', 'table', 'emoticons', 'image',
'multiimage', 'link', 'baidumap' ],
afterBlur : function() {
this.sync();
K.ctrl(document, 13, function() {
K('form[name=myform]')[0].submit();
});
K.ctrl(this.edit.doc, 13, function() {
K('form[name=myform]')[0].submit();
});
}
});
});


$('#uploader-cover').uploadify({
'fileObjName' : 'file',
'fileSizeLimit' : '2MB',
'fileTypeExts' : '*.gif; *.jpg; *.png',
'multi' : false,
'removeTimeout' : 0,
'width' : 90,
'height' : 25,
'buttonText' : '选择标题图',
'formData' : {'token' : '2Bq81Gmp0V1YmU8pJ2nE64gPvzEJkKaOzIpoFyXwRV+hNL3xhiov4IvjzK7twpno3I55yBBGKzAioAn7NS4QL1jDBd5W78f8IDm2wlUkGfKdO1AWnObHltUwlS/HSq8EKoqwHGwub+hhK2fem2bM5nh20bScxBnP7qzlUp2vAcg='
},
'swf' : 'res/common/uploadify/uploadify.swf',
'uploader' : '<s:url action="upload-cover-json"></s:url>',
'onFallback' : function() {
alert('您的浏览器没有安装Flash插件');
},
'onUploadSuccess' : function(file, data, response) {
if (response) {
var ret = $.parseJSON(data);
if (ret) {
if (ret.success) {
$('#input-cover').val(ret.fileUri);
$('.cover-preview').attr('src',ret.fileUri);
} else {
alert(ret.message);
}
}
}
}
});
$('#uploader-image').uploadify({
'fileObjName': 'file',
'fileSizeLimit': '2MB',
'fileTypeExts': '*.gif; *.jpg; *.png',
'multi': false,
'removeTimeout': 0,
'width': 90,
'height': 25,
'buttonText': '选择标题图',
'formData': {'token': '2Bq81Gmp0V1YmU8pJ2nE64gPvzEJkKaOzIpoFyXwRV+hNL3xhiov4IvjzK7twpno3I55yBBGKzAioAn7NS4QL1jDBd5W78f8IDm2wlUkGfKdO1AWnObHltUwlS/HSq8EKoqwHGwub+hhK2fem2bM5nh20bScxBnP7qzlUp2vAcg='},
'swf': 'res/common/uploadify/uploadify.swf',
'uploader': '<s:url action="upload-image-json"></s:url>',
'onFallback': function() {
alert('您的浏览器没有安装Flash插件');
},
'onUploadSuccess': function(file, data, response) {
if (response) {
var ret = $.parseJSON(data);
if (ret) {
if (ret.success) {
$('#input-image').val(ret.fileUri);
$('.image-preview').attr('src', ret.fileUri);
} else {
alert(ret.message);
}
}
}
}
});

$('#images').on('click', '.image-del', function(){
$(this).parent('.image-item').remove();
$.each($('.image-item'), function(i, ele){
$("input[name^='image'][name$='[src]']", this).attr('name', 'image['+i+'][src]');
$("input[name^='image'][name$='[title]']", this).attr('name', 'image['+i+'][title]');
})




});
$('.btn-submit').click(function(){
var lat = $('.weiba-control-address').attr('weiba-map-lat');
var lng = $('.weiba-control-address').attr('weiba-map-lng');
$('#lat').val(lat);
$('#lng').val(lng);
}); 
$('#st').calendar({ format:'yyyy-MM-dd HH:mm:ss', maxDate:'#st' });

});
</script>
</s:param>
<s:param name="body">
<div class="well">
<s:form id="form" action="%{#request['struts.actionMapping'].name}"
theme="bootstrap" cssClass="form-horizontal">
<s:password cssClass="span4" label="密码" name="weddingPass"></s:password>
<s:textfield label="新郎名字" name="manName"></s:textfield>
<s:textfield label="新娘名字" name="womanName"></s:textfield>
<div>
<!--
src="${coverUrl == null ? 'res/site/wedding/default.jpg' : coverUrl }"

-->


<m:rowfield label="封面图片:">
<img src="${coverUrl == null ? 'res/site/manage/img/no_image.png' : coverUrl }"
style="width: 320px; height: 160px; margin: 8px; background: none;"
class="img-polaroid cover-preview">
<input type="button" class="btn j_img_clear" value="删除"
style="margin: 50px 0 5px 10px; position: absolute;" />
<s:hidden id="input-cover" name="cover"></s:hidden>
<input type="file" id="uploader-cover">
</m:rowfield>


<div class="control-group">
<label class="control-label" for="select-music">
背景音乐
</label>
<div class="controls">
<select name="music" id="select-music" class="span2">
<option value="">
无背景音乐
</option>
<option value="/assets/wedding/music/1.mp3">
今天你要嫁给我
</option>
<option value="/assets/wedding/music/2.mp3">
婚礼进行曲
</option>
<option value="/assets/wedding/music/3.mp3">
恋爱
</option>
<option value="/assets/wedding/music/4.mp3">
柔美的
</option>
<option value="/assets/wedding/music/5.mp3">
我爱你
</option>
<option value="/assets/wedding/music/6.mp3">
I Wanna Be With You
</option>
<option value="/assets/wedding/music/7.mp3">
Nothing’S Gonna Change My Love For You
</option>
<option value="/assets/wedding/music/8.mp3">
爱是喜欢你(何洁)
</option>
<option value="/assets/wedding/music/9.mp3">
明天我要嫁给你了(周华健)
</option>
<option value="/assets/wedding/music/10.mp3">
最重要的决定(范玮琪)
</option>
<option value="/assets/wedding/music/11.mp3">
I Love You
</option>
<option value="/assets/wedding/music/12.mp3">
Wake Up Call
</option>
<option value="/assets/wedding/music/13.mp3">
Could This Be Love
</option>
</select>
</div>
</div>


<div class="control-group">
<s:textfield label="视频链接" name="link"></s:textfield>
<div class="controls">
<span class="help-inline"><span class="label">推荐QQ视频</span>
</span>
</div>
</div>
</div>

<m:rowfield label="图片:">
<img src="${imageUrl == null ? 'res/site/manage/img/no_image.png' : imageUrl }" 
style="width:64px;height:64px;margin:8px;background: none;" class="img-polaroid image-preview">
               <input type="button" class="btn j_img_clear" value="删除" style="margin:50px 0 5px 10px;position:absolute;" />
               <s:hidden id="input-image" name="image"></s:hidden>
<input type="file" id="uploader-image">
</m:rowfield>


<s:textfield cssStyle="width:400px;height:80px;" label="想说的话"
name="wantsay"></s:textfield>

<s:textfield id="st" name="weddingTime" label="宴会时间" 
cssClass="input-medium" cssStyle="margin-bottom: 0;">
<s:param name="value">
<s:date name="weddingTime" format="yyyy-MM-dd HH:mm:ss"/>
  </s:param>
</s:textfield>

<m:rowfield label="宴会地址:">
<s:textfield name="placeName" cssClass="weiba-control-address"
id="input-address" weiba-map-city="东莞" weiba-map-lng="%{lng}" 
weiba-map-lat="%{lat}" theme="simple"></s:textfield>
<s:hidden id="lat" name="lat"></s:hidden>
<s:hidden id="lng" name="lng"></s:hidden>
</m:rowfield>
<s:textfield cssClass="span4" label="接待电话" name="phone"></s:textfield>


<sj:submit cssClass="btn btn-primary" value="确认保存" validate="true"
formIds="form" validateFunction="bootstrapValidation" />
</s:form>
</div>
</s:param>
</s:include>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值