主题: 请问单独调用批量上传时,如何得到所有上传图片的地址??
作者: wfyu0502, 发布日期: 2013-08-09 10:12:01, 浏览数: 3310

如题,我的意思是,比如一次上传了3个图片,如何得到这3个图片地址的集合,


如:/upload/11.jpg,/upload/22.jpg,/upload/33.jpg

作者: 小浪子, 发布日期: 2013-08-09 11:31:11

定义一个变量。

把返回的:data.url加起来。使用:join就搞定了。

回复
作者: wfyu0502, 发布日期: 2013-08-09 17:06:21

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
.imgDiv { float:left; width:130px; height:110px; padding-top:10px; padding-left:5px; background:#ccc;}
.imgDiv img{ border:0px; width:120px; height:90px}
</style>
<link rel="stylesheet" href="editor/themes/default/default.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="editor/kindeditor.js"></script>
<script src="editor/lang/zh_CN.js"></script>
<script>
KindEditor.ready(function(K) {
var imgh="";
var imgurl="";
var editor = K.editor({
allowFileManager : true,
uploadJson : 'editor/asp/upload_json.asp'
});
K('#J_selectImage').click(function() {
editor.loadPlugin('multiimage', function() {
editor.plugin.multiImageDialog({
clickFn : function(urlList) {
var div = K('#J_imageView');
div.html('');
K.each(urlList, function(i, data) {
var j=document.getElementById('ImagePath').value;
if(j==""){
imgurl=data.url; 
}
else{
imgurl=j+"|"+data.url;
}
$("#ImagePath").val(imgurl);  
});
editor.hideDialog();
var array = imgurl.split("|");
var ids;
                                for (var s=0 ; s< array.length ; s++)
                                {
                                 ids=array[s];
                                 ids=ids.substr(ids.lastIndexOf("/")+1,ids.lastIndexOf("."));
                                 ids=ids.replace(".",""); 
                                    $('#J_imageView').append('<div class="imgDiv" id="'+ids+'"><a href="javascript:setContent(\'' + array[s] + '\')"><img title="点击图片将图片插入到编辑器" src="'+array[s] + '" width="120" height="90" border="0" /></a><br><label><input type="radio" name="IndexImageradio" onclick="setIndexImage(\''+array[s] +'\')" value="'+array[s] +'" />设为封面</label> <a href="javascript:dropThisDiv(\''+ids+'\',\''+array[s] +'\')">删除</a></div>');
                                }
}
});
});
});
});

//设置封面图片
function setIndexImage(Value)
 {
   $("#IcoImage").val(Value);
//$("#picView").html("<img id='img_view' src='"+t+"' width='160'/>");
 }
//向编辑器插入图片 
function setContent(Value)    
 {
    if (Value != '' && Value != null) {
  var valueimg='<img src="'+Value+'" />';
  editor.insertHtml(''+valueimg+''); //利用kindeditor里的insertHtml方法向光标所在处添加html内容
    }
}
//向编辑器插入分页标签
function SetEditorPage(Value)    
 {
    if (Value != '' && Value != null) {
  editor.insertHtml(''+Value+''); //利用kindeditor里的insertHtml方法向光标所在处添加html内容
    }
}
    //删除图片
    function dropThisDiv(t,p)
    {
        document.getElementById(t).style.display='none'
        var str =document.getElementById("ImagePath").value;   //取上传了的图片内容
var strs =document.getElementById("IcoImage").value; //取缩略图文本框的内容
//利用kindeditor里的内置API方法,取内容编辑器的内容,开始
        var strcon = editor.html(); //editor为页面添加编辑器里JS里定义的那个值
        editor.sync();//同步到editor这个编辑器
        strcon = document.getElementById('Content').value; // 原生API,content为页面上textarea的ID值
//editor.html('HTML内容');设置编辑器的值
        //取内容编辑器的内容,结束
        var arr = str.split("|");
        var nstr="";
        for (var i=0; i<arr.length; i++)
        {
            if(arr[i]!=p)
            {
           if (nstr!="")
           {
           nstr=nstr+"|";
           } 
           nstr=nstr+arr[i]
            }
        }        
        if (nstr=="")
        {
            $("#imgTable").hide();
        }
//判断要删除的图片是否被设置成了封面,如果是就清空,如果不是就不管,开始
if (strs==p){
document.getElementById("IcoImage").value=""; //原来为""
}
else
{
document.getElementById("IcoImage").value=strs; //原来为strs
}
//判断要删除的图片是否被设置成了封面,如果是就清空,如果不是就不管,结束
        document.getElementById("ImagePath").value=nstr;

       if (confirm("你确定从服务上一起删除这个图片吗?")){ //弹出提示框,点确定后执行删除图片代码
        //利用ajax调用deltu.asp页面进行删除图片
           var myDate = new Date();
            $.ajax({
                url: "admin/deltu.asp?id="+p+"",
                data: { datetime: myDate.getTime() },
                dataType: "text"
            });
       //删除图片结束
  //同时删除编辑器里插入的相应图片,开始
      //正则替换开始
      var regimgb='<img src="'+p+'" />';
      var regconb=new RegExp(""+regimgb+"","g"); //创建正则RegExp对象  
           var stringObjconb=""+strcon+"";  
           var newstrconb=stringObjconb.replace(regconb,"");   
  //正则替换结束
  editor.html(''+newstrconb+'');  //利用kindeditor里的内置API方法替换掉原来的编辑器内的内容
  //document.getElementById("IndexImage").value=stringObjcona; //调试用的
  //同时删除编辑器里插入的相应图片,结束 
       }  
    }


</script>
</head>

<body>
<FORM name="form" action="test2.asp" method="post" >

<script>
var editor;
KindEditor.ready(function(K) {
editor = K.create('textarea[name="Content"]', {
filterMode : false, 
uploadJson : 'editor/asp/upload_json.asp',
fileManagerJson : 'editor/asp/file_manager_json.asp',
allowFileManager : true,
width: '650px',
hight: '300px'
});
});
</script>    
<textarea name="Content" id="Content" style="width:650px;height:300px;visibility:hidden;"></textarea>
        首页缩略图:<input type="text" id="IcoImage" name="IcoImage" value="" style="width:600px;" /><br/>
        <input type="button" id="J_selectImage" value="批量上传" /><br/>
        <input type="hidden" id="ImagePath" name="ImagePath" value="" style="width:600px;" />
<div id="J_imageView"></div>
<br/><br/><INPUT class="button" type="submit" value="添加" />
</FORM>
</body>
</html>

以下为deltu.asp内容

<%
dim fso,id
id=request("id")
FileName=server.MapPath(id) '必须转换成绝对路径的
Set Fso = CreateObject("scripting.filesystemobject")
if Fso.FileExists(Filename) then '判断文件是否存在
Fso.DeleteFile filename 
end if
Set Fso = nothing
%>
回复
发表新帖 发表回复