急!!!js路径问题,大神帮看看

zhang_j2ee 发布于 2014/06/05 16:33
阅读 692
收藏 0

外部脚本

 <link rel="stylesheet" href="../../../css/default.css"  type="text/css"/>
<link rel="stylesheet"  href="../../../css/jquery.Jcrop.css" type="text/css"/>
<link rel="stylesheet" href="../../../css/uploadify.css" type="text/css"/>
<script type="text/javascript" src="../../../js/fileupload.js"></script>
<script  type="text/javascript" src="../../../js/jquery.color.js"></script>
<script type="text/javascript" src="../../../js/jquery.Jcrop.js"></script>
<script type="text/javascript" src="../../../js/jquery.Jcrop.min.js"></script>
<script type="text/javascript" src="../../../js/jquery.min.js"></script>
<script type="text/javascript" src="../../../js/ "></script>
<script type="text/javascript" src="../../../js/jQuery.UtrialAvatarCutter.js"></script>
<script type="text/javascript" src="../../../js/swfobject.js"></script>

upload.js代码

 $("#file").uploadify({
      'uploader' : '../../../js/uploadify.swf',
      'script' : 'UploadServlet?userid=1', //默认用户ID为1
      'cancelImg' : '../../../js/cancel.png',
      'queueID' : 'fileList', // 和存放队列的DIV的id一致
      'fileDataName' : 'file', // 和以下input的name属性一致
      'auto' : false, // 是否自动开始
      'multi' : false, // 是否支持多文件上传
      'buttonText' : 'Brower', // 按钮上的文字
      'simUploadLimit' : 1, // 一次同步上传的文件数目
      'sizeLimit' : 3145728, // 设置单个文件大小限制 3MB
      'queueSizeLimit' : 1, // 队列中同时存在的文件个数限制
      'fileDesc' : '支持格式:jpg/jpeg', // 如果配置了以下的'fileExt'属性,那么这个属性是必须的
      'fileExt' : '*.jpg;*.jpeg;',// 允许的格式
      'displayData' : 'percentage',
      onComplete : function(event, queueID, fileObj,
        response, data) {
       $("#userimg").attr("src", response);
       $("#preview").attr("src", response);
      },
      onError : function(event, queueID, fileObj) {
       alert("文件:" + fileObj.name + "上传失败");
      },
      onCancel : function(event, queueID, fileObj) {
//       alert("取消了" + fileObj.name);
      }
     });

 其中 'uploader'和'cancelImg'路径怎么写?jsp页面在

加载中
0
忧郁麦芽
忧郁麦芽

你在用这个uploadify啊 哈哈 我当初也是自己研究着用这个东西 不过你问的是引入js文件的路径不对哈

例子

<%@ page language="java" pageEncoding="UTF-8"%>
<!-- 引入使用的标签,c标签以及分页的自定义标签 -->
<%@ taglib uri="/tag/jstl/core" prefix="c"%>
<%@ taglib uri="/tag/jstl/fn" prefix="fn"%>
<%@ taglib uri="/tag/cncsys-taglib" prefix="cncsys"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!-- 引入使用的标签,c标签以及分页的自定义标签 -->
<%@ taglib uri="/tag/jstl/core" prefix="c"%>
<%@ taglib uri="/tag/jstl/fn" prefix="fn"%>
<%@ taglib uri="/tag/cncsys-taglib" prefix="cncsys"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>


<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" > 
<head>
<base href="<%=basePath%>">
<link id="skin" href="${pageContext.request.contextPath}/css/page.css"
rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/uploadify.css">
<script type="text/javascript" src="js/jquery-1.4.2.min.js">
</script>
<script type="text/javascript" src="js/swfobject.js">
</script>
<script type="text/javascript" src="js/jquery.uploadify.v2.1.4.min.js">
</script>
<script type="text/javascript"
src="${pageContext.request.contextPath}/js/adm.js">
</script><!--
<script type="text/javascript"
src="${pageContext.request.contextPath}/js/get_calendar.js">
--></script>
<style type="text/css">
.button1 {
background: url(images/buttonBackground.png) no-repeat;
width: 63px;
height: 28px;
line-height: 28px;
text-align: center;
border: 0;
}
</style>
<script type="text/javascript">
function init() {
//初始化页面枚举下拉选项
initSysTab("YEAR_LYJ","<%=session.getAttribute("MTLANG")%>","atd_year_query_div","atd_year_query","atd_year_query","");
initSysTab("MONTH_LYJ","<%=session.getAttribute("MTLANG")%>","atd_month_query_div","atd_month_query","atd_month_query","");

initSysTab("IMP_TEMPLATE","<%=session.getAttribute("MTLANG") %>","imp_template_div","imp_template_id","imp_template_name","");
initSysTab("IMPORT_ATTENDANCE","<%=session.getAttribute("MTLANG") %>","imp_att_div","imp_att_id","imp_att_id","");

}
//检测Flash
function hasIEPlugin() {
   try {
       new ActiveXObject("ShockwaveFlash.shockwaveFlash");
       return true;
   } catch (ex) {
    alert('此导入功能要求安装Flash插件,您尚未安装,请先安装后,再使用!');
  document.getElementById("buttonSelect").disabled=true;
   }
}
var cancleMark=1;
var importMark=1;
$(document).ready(function (){
//判断用户是否安装Flash插件,未安装无法进行导入操作
hasIEPlugin();
$('#uploadify').uploadify({
'uploader':'js/uploadify.swf',
'cancelImg':'images/cancel1.png',
'method': 'get',//提交方式
'script':'importStu!importExcelOption.action',//后台处理程序的相对路径
'scriptData': {'_path':'file'},//传参数(method 为 get 时有效)
'queueID': 'div1',
'fileDataName':'uploadify',
'onCancel': function(event,ID,fileObj,data) {
if(cancleMark==2){
alert('正在上传中,现在取消会导致不可抗因素发生不好的结果!!');
return false;}},
'onSelect' : function(event,ID,fileObj) {
if(fileObj.size>1024*2.5*1024){
alert("文件"+fileObj.name+"大于2.5M,超过最大上传限制.")
$('#custom_file').uploadifyCancel(id);
return false;
}
},
'onSelectOnce':function(event,data){
/* var imp_template_id= document.getElementById("imp_template_id").value;
var imp_att_id= document.getElementById("imp_att_id").value;
var atd_year_query = document.getElementById("atd_year_query").value;
var atd_month_query = document.getElementById("atd_month_query").value;
$("#uploadify").uploadifySettings('scriptData',{'imp_template_id':imp_template_id});
$("#uploadify").uploadifySettings('scriptData',{'imp_att_id':imp_att_id});
$("#uploadify").uploadifySettings('scriptData',{'atd_year_query':atd_year_query});
$("#uploadify").uploadifySettings('scriptData',{'atd_month_query':atd_month_query});*/
if(data.fileCount>0){
importMark=2;
}
},
'onComplete': function(event,queueId,fileObj,response,data){
var viewInfo=document.getElementById('hiddenResultInfo').value;
if(viewInfo.indexOf(response)==-1){
viewInfo=viewInfo+response;
}
alert(viewInfo);
document.getElementById('hiddenResultInfo').value=viewInfo;
if(data.fileCount==0){
$("#resultInfoPlace").html(document.getElementById('hiddenResultInfo').value);
$("#resultInfoPlace").show();
//$('#uploadify').uploadifySettings('files',imp_template_id);
document.getElementById('hiddenResultInfo').value="";
}
},
'onAllComplete': function (event, data){//文件全部上传完成后调用
document.getElementById("cancelButton").disabled=false;
cancleMark=1;
importMark=1;
$('#uploadify').uploadifyClearQueue();
},
'buttonText': '中文',//选择文件按钮文字
'buttonImg': 'images/button_browse.png',//选择文件按钮背景
'width': 64,//设置按钮宽度 
'height':25,//设置按钮高度 
'queueSizeLimit':20,//设置最多上传文件个数
'sizeLimit':1024*512*4,//允许文件上传大小( 单位:KB)
'auto':false,//是否立即上传
'fileExt' :'*.xls;*.xlsx',
'fileDesc': '请选择 .xls,.xlsx 文件',//设置文件上传格式显示文字
'multi': true ,//是否可以上传多个文件
'onQueueFull': function (event,queueSizeLimit) {
alert("您选择的文件数目最多是"+queueSizeLimit+"个");
return false;
}
});

0
zhang_j2ee
zhang_j2ee
原来不是js路径问题,才发现
返回顶部
顶部