ASP.NET或者 js方式实现文件夹多图片浏览的方式

1.JS方式，限制大，而且图片名称如果不规则的话会获取不全。

<html><head><style>
img
{
max-width:1300px;
}</style></head><body><div id='temp'>
<ul id="temp2"><ul></div><script>for(i=0;i<549;i++)
{var newElement = document.createElement('li'); var imgElement=document.createElement('img'); imgElement.setAttribute("id","id"+i);var v1=document.getElementById("temp2").appendChild(newElement).appendChild(imgElement);//v1.setAttribute("id","id"+i);var a=8718+i;document.getElementById("id"+i).setAttribute("src","1/_MG_"+a+".jpg");}</script>
</body></html>

　　2.ASP.NET方式：可以轻松获取所有不规则文件名，更好。

using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.IO;namespace K_PicLoader.Controllers
{public class PicLoaderController : Controller{//// GET: /PicLoader/[HttpGet()]public virtual ActionResult Index(){DirectoryInfo di = new DirectoryInfo(Server.MapPath("~/Content/1"));var folder = di.GetFiles().ToList().Select(d=>d.Name);return View(folder);}}
}

@{ViewBag.Title = "Index";
}<h2>Index</h2><style>img {max-width:1300px;}li{list-style:none;}body {margin:0 auto;}ul {margin-left:-4.5cm;}</style><ul>@foreach (var t in Model){<li><img src='~/Content/1/@t' /></li>}</ul>

ASP.NET或者 js方式实现文件夹多图片浏览的方式相关推荐

制作动态相册的python知识点_动感网页相册 python编写简单文件夹内图片浏览工具...
不知道大家有没有这样的体验,windows电脑上查看一张gif图,默认就把IE给打开了,还弹出个什么询问项,好麻烦的感觉.所以为了解决自己的这个问题,写了个简单的文件夹内图片浏览工具. 效果图以E盘 ...
python做动态相册_动感网页相册 python编写简单文件夹内图片浏览工具
''' template_body = '' # 如果指定乱序,就乱序列表中的数据 if shuffle == True: from random import shuffle shuffle(fil ...
python做相册_动感网页相册 python编写简单文件夹内图片浏览工具
''' template_body = '' # 如果指定乱序,就乱序列表中的数据 if shuffle == True: from random import shuffle shuffle(fil ...
ASP.NET中App_Code,App_Data等文件夹的作用
ASP.NET中App_Code,App_Data等文件夹的作用 1. Bin文件夹 Bin文件夹包含应用程序所需的,用于控件.组件或者需要引用的任何其他代码的可部署程序集.该目录中存在的任何.dl ...
three.js中jsm文件夹的使用
three.js中jsm文件夹的使用 three.js在102版本的时候开始在examples中新增了一个jsm文件夹,并开始慢慢的增加对应的js文件,到106版本基本补充完善,这个文件夹和js文件夹 ...
ASP.NET Core 中的 wwwroot 文件夹
在本文中,我将讨论ASP.NET Core应用程序中的 wwwroot 文件夹.请阅读我们之前讨论过ASP.NET Core 请求处理管道的文章.在本文的最后,您将了解 wwwroot 文件夹及其需求 ...
使用Node.JS监听文件夹变化
使用Node.JS监听文件夹改变有许多应用场合,比如: 构建自动编绎工具当源文件改变时,自动运行build过程,比如当你写CoffeeScript文件或SASS CSS文件时,保存之后可即时生成对应 ...
使用git下载项目到本地，指定本地文件夹位置的三种方式
使用git下载项目到本地,指定本地文件夹位置的三种方式使用VSCODE里的"克隆"功能直接粘贴项目链接即可选择本地想保存的位置. 使用git bash窗口下载项目之前,先切换到你 ...
服务器文件夹大小查看器,asp利用FSO检测服务器空间文件夹大小
asp利用FSO检测服务器空间文件夹大小 * {margin:0;padding:0;font-size:12px;} body {padding:15px;} .size1 {font-weight ...

ASP.NET或者 js方式实现文件夹多图片浏览的方式

ASP.NET或者 js方式实现文件夹多图片浏览的方式相关推荐

最新文章

热门文章