主题 : 请问大神,前台上传图片怎么做啊?
级别: 解元
UID: 62024
积分:250 加为好友
威望: 31 精华: 0
主题:42 回复:63
注册时间:2014-05-17
在线时长:0
1#   发表于:2014-08-11 23:52:26  IP:119.31.*.*
我用如下代码,可是点上传没反应,
<td height="25" bgcolor="#f6fbff" align="right">上传图片:</td>
                [@p.td id="typeImg" colspan="1" width="50" noHeight="true"]
                 [@p.text id="uploadImgPath0" name="typeImg" style="width:220px"/] <input type="button" value="[@s.m "imageupload.preview"/]" onclick="previewImg(0);" class="preview-button"/><br/>
                 <span id="ufc0" style="position:relative">
                   <input type='text' id='uploadFileText0' size="14"/>  
                   <input class="browse" type='button' value='[@s.m "global.browse"/]'/>
                   <input onchange="$('#uploadFileText0').val(this.value)" size="14" type="file" id="uploadFile0" class="file-button"/>
                 </span><br/>
                 <label><input type="checkbox" onclick="$('#mark0').val(this.checked);"/>[@s.m "imageupload.mark"/]</label><input type="hidden" id="mark0" value="false"/> <input type="button" value="[@s.m "imageupload.upload"/]" onclick="upload(0);" class="upload-button"/>
                 [@s.m "global.width"/]: <input type="text" id="zoomWidth0" value="143" size="5"/> [@s.m "global.height"/]: <input type="text" id="zoomHeight0" value="98" size="5"/> <input type="button" value="[@s.m "imageupload.cut"/]" onclick="imgCut(0);" class="cut-button"/>
                [/@p.td]
                [@p.td colspan="2" width="50"]
                  <img id="preImg0" alt="[@s.m "imageupload.preview"/]" style="width:100px;height:70px;background-color:#ccc;border:1px solid #333"/>
                [/@p.td]
               </tr>
级别: 总版主
UID: 10736
积分:148515 加为好友
威望: 205 精华: 42
主题:287 回复:126217
注册时间:2010-09-08
在线时长:18.01
2#   发表于:2014-08-12 08:54:29  IP:182.207.*.*
没反应检查是不是少引用了上传图的js
路漫漫其修远兮,吾将上下而求索!
级别: 解元
UID: 62024
积分:250 加为好友
威望: 31 精华: 0
主题:42 回复:63
注册时间:2014-05-17
在线时长:0
3#   发表于:2014-08-12 13:31:34  IP:174.136.*.*
引入swfupload组件
<script src="${base}/thirdparty/swfupload/swfupload.js" type="text/javascript"></script>
<script src="${base}/thirdparty/swfupload/swfupload.queue.js" type="text/javascript"></script>
<script src="${base}/thirdparty/swfupload/fileprogress.js" type="text/javascript"></script>
<script src="${base}/thirdparty/swfupload/handlers.js" type="text/javascript"></script>
<link href="${base}/thirdparty/swfupload/process.css" rel="stylesheet" type="text/css"/>
再引入<#include "/common/image_upload.html"/>
这样可以吗,但是image_upload.html中虽然有upload(n)函数,但是页面中包含很多后端的标记如“<@s.m "imageupload.error.noFileToUpload"/>”,使用<>。而前台使用[],怕引用后在前台执行不正常。是不是要把image_upload.html中的标记改写成[]标记,换个路径引用,这样不知道可以行得通吗?
级别: 状元
UID: 33380
积分:50625 加为好友
威望: 21 精华: 3
主题:88 回复:30687
注册时间:2012-05-07
在线时长:0
4#   发表于:2014-08-12 13:38:54  IP:182.207.*.*
可以的,那后台页用上次图的例子,前台调用也是一样,模板里引用上传的组件
功成由勤,业精于勤。
1 共1页