图片批量上传管理系统asp版

要是看不到文章的话,去我的QQ空间看,我的QQ号码:362315062

 

图片批量上传管理系统asp版

  本人经过两个多月的艰苦努力,终于将该系统写成了,中间走了很多岔路,不停的修正修改,现在将我的成果发布出来与大家共分享,由于本系统公司使用,所以不能够贴代码,如果谁想要了,那得等上一段时间了!大家也可以自己写,我会将主要控件地址贴出来。

  先把效果图给大家贴出来,让大家先看下:

    我的系统分为三大板块:

        1.首先是后台板块


图片

这就是后台了,看着很简单,其实很复杂,实现了后台板块递归式添加,可以无限加下去(当然是理论上的,你没事加那多板块干嘛),可以对板块进行修改,添加,删除等等操作,然后是看后面的添加图片。

        2.下面就是添加图片板块了,这是整个系统的核心,批量图片上传,我没见asp有这种功能,本来想自己写一个的,思路太复杂。这个控件是开源的,我将地址贴出来(http://www.access2008.cn/update/


图片

这是列表图片添加界面,界面很生动,功能很强大,有很大的排错功能,当然了同时的还有很大的出错功能,使用的是一个FLASH控件,本人建议不会asp+flash的不要修改后台的代码了,不熟悉的也不要改了,不然会有很大的麻烦,大家看到上面的链接了没有,当然是跳转用的(废话),关键看第三个“图片模式”,嘿嘿,由此可以得出一个结论这个界面还有一个按图片上传的界面(哈哈,更废话了),现在贴出来


图片

 

漂亮吧,我说的是控件,虽然说美女也漂亮,但我们注重的是技术,这就是图片列表模式的界面了,更加生动,更加形象,
图片

排错功能很强大,可以在后台自动创建文件夹。不过就在这出了一点问题


图片

 

大家可以看到,下面的编码样式出现了问题,我的编码样式是gb2312样式的,然而控件的编码样式是utf-8样式的,所以在上传之后就出现了这种现象,在后期的完善中会改正这个问题。

还有一个更大的问题,本控件只能上传,不能够写入数据库,因此导致我们只是上传了图片了,但是却不能够处理数据,而任何开发就是需要对数据的处理。我在上面说过了,不会asp+flash的不要修改代码,因为你改了也没用,而本人,就是对flash只知道一点点的点点,不过我找到了一种折中的方法,正所谓条条大道通北京,程序员就是要有这种思维才行。好了不废话了,我将我拐的方法给大家展示出来。


图片

是不是很漂亮,这里我先用asp的fso控件将文件夹中的图片全读取出来,然后直接写入数据库,再在此页面中显示出来,然后我们就可以对图片进行处理了,这里我大量采用了js技术,还有jquery技术,所以建议大家多学点东西吧。


图片

这是鼠标移动上去的效果,可以进行编辑,和删除,点击删除会弹出一个提示,就不贴了,点确定后就可以删除,取消就不删除。

点编辑后出现编辑页面,这是这个版块的核心


图片

很漂亮的一个jquery控件,会封闭主页,展示提示页,这个相当于在页面中有了一个iframe,向其中传递参数,这个很重要,因为后面的很多功能使用此技术都可以达到事半功倍的效果,可以在其中写参数,点击确定后,就会存入到数据库中,由于数据库中已经有了这些图片的信息,所以提交的属于修改,不是插入。

还有一点要注意,那就是分类的传递,由于我的图片是按照分类存的,所以分类的传递贯穿始终,但是这些页面并不都是asp的还有静态页面,所以我使用了一个js的函数,这是代码:

function shides(){
function request(paras){
var url = location.href; 
var paraString = url.substring(url.indexOf("?")+1,url.length).split("&"); 
var paraObj = {} 
for (i=0; j=paraString[i]; i++){ 
paraObj[j.substring(0,j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=")+1,j.length); 

var returnValue = paraObj[paras.toLowerCase()]; 
if(typeof(returnValue)=="undefined"){ 
return ""; 
}else{ 
return returnValue;
}
}

 

使用的时候 request("你要传递的参数名") 是不是跟asp 一样,不过一定要注意,这不是asp,而是js,一定要在js 里面写。

我写的批量上传到这里就完了,当然在开发过程中还有很多问题,我这没有写,因为忘了,将主要思路贴出来,有兴趣的可以一同研究研究。剩下的就是美化下了,等公司可以公布的时候将代码全部贴出来。完事了!

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
.NET是一种非常强大的开发框架,可以用于开发各种类型的应用程序,包括Web应用程序。在.NET中,我们可以利用其提供的丰富的功能和工具来创建一个简便无刷新的文件和图片上传系统。 首先,我们可以使用ASP.NET MVC框架来构建我们的Web应用程序。这个框架提供了一个基于模型-视图-控制器(MVC)的编程模式,可以帮助我们更好地组织和管理我们的代码。 接下来,我们可以利用ASP.NET中的文件上传功能来实现批量上传。通过配置Web.config文件,我们可以设置允许上传的文件类型、最大上传文件大小等参数。在前端界面,我们可以使用HTML5的文件上传控件来允许用户选择并上传多个文件。 为了实现无刷新上传功能,我们可以借助AJAX技术。通过使用jQuery等JavaScript库,我们可以通过异步HTTP请求将文件上传到服务器,而不会引起页面的刷新。同时,我们还可以使用进度条组件来显示上传的进度,给用户更好的体验。 对于上传的文件和图片,我们可以在服务器端进行处理和管理。在.NET中,我们可以使用文件IO相关的类和方法来将上传的文件保存到指定的位置。我们还可以使用.NET中的图片处理库,如System.Drawing命名空间下的类,来对上传图片进行裁剪、缩放或添加水印等操作。 最后,我们可以将上传成功的文件和图片的路径保存到数据库中,以便后续的查看和管理。在.NET中,我们可以使用Entity Framework或者直接使用ADO.NET等技术来访问和操作数据库。 通过上述的.NET技术和工具,我们可以方便地构建一个批量上传简便无刷新的文件和图片上传系统。这个系统不仅可以提供良好的用户体验,而且可以有效地管理和处理上传的文件和图片
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值