本文目录
- 求JS旋转相册的代码带注释
- 当点击带+的图片时，弹出手机相册，可以选择手机相册内的图片上传，代码如何写怎么实现
- 怎么用html5或js调用手机的摄像头拍照上传以及调用手机相册选取照片
- JS调用图片代码是什么
- js调用图片代码
- 百度空间相册的那种代码
- 如何让JS相册代码自动滚动
求JS旋转相册的代码带注释
我对JS颇有自信，可以帮你写一个，但是想先请问两个问题：第一，注释希望用哪种语言，中文还是英文还是日
文第二，是“旋转”相册还是“选择”相册，请明示补充说明，会需要
一点时间
，得到你的确认之后，我会在大约
一天之后
给你弄出来。
当点击带+的图片时，弹出手机相册，可以选择手机相册内的图片上传，代码如何写怎么实现
首先需要引用 js 和css
《!--上传控件--》
2 《script src=“query.form.min.js“》《/script》
3 《link href=“Img_List.css“ rel=“stylesheet“ /》
4 《script src=“Img_List.js“》《/script》
Img_List.js 如下：-js相册代码
/// 《reference path=“../../script/jquery-1.8.0.min.js“ /》
//显示
function imgshow(obj) {
//$(obj).find(“a“).show();
}
//隐藏
function imghide(obj) {
//$(obj).find(“a“).hide();
}
//上传
function upload() {
$(“#FileLoad“).click();
}
//删除
function imgdel(listId, FileId, hfId) {
$.post(“/CommonModule/ashx/public.ashx?action=DelMessageImg&Files=“ + $(“#“ + hfId).val(), function (result) {
if (result != “ok“)
$.messager.alert(“消息提示“, “删除失败!“);
});
var html = “《li》《img src=\“/Themes/Images/jia.jpg\“ style=\“height: 80px; width: 80px;\“ /》《input type=\“file\“ id=\““+FileId+“\“ class=\“input\“ onchange=\“ImgUpload(’“+FileId+“’,’“+hfId+“’,’“+listId+“’);\“ name=\““+FileId+“\“ /》《/li》“
$(“#“+listId).html(html);
}
//添加成功
function imgaddhtml(data, code,listId,fileId,hfId) {
var list = data.split(’,’);
var html = “《li onmouseover=\“imgshow(this)\“ onmouseout=\“imghide(this);\“》“;
html += “《a style=\“height:80px;width:80px;\“ href=\““ + list + “\“ target=\“_blank\“》《img src=\““ + list + “\“ imgs=\““ + list + “\“ code=\““ + code + “\“ /》《/a》《span onclick=\“imgdel(’“+listId+“’,’“+fileId+“’,’“+hfId+“’)\“》《/span》《/li》“;
$(“#“ + listId).html(html);
}
//图片文件上传
//uppath 上传空间id
//上传成功存放的图片路径的隐藏域id
//listId 显示图片的区域id
function ImgUpload(uppath, hndimg,listId) {
var sendUrl = “/CommonModule/ashx/Upload_Ajax.ashx?action=SingleFile&IsThumbnail=1&UpFilePath=“ + uppath;
//开始提交
$(“#form1“).ajaxSubmit({
beforeSubmit: function (formData, jqForm, options) {
//alert(1);
},
success: function (data, textStatus) {
var list = $(“#“ + hndimg).val();
$(“#“ + hndimg).val(data.msgbox);
imgaddhtml(data.msgbox, 0,listId,uppath,hndimg);
},
error: function (data, status, e) {
alert(“上传失败！“);
},
url: sendUrl,
type: “post“,
dataType: “json“,
timeout: 600000
});
};
Img_List.css 如下：
.img_list{ margin:0px; padding:0px; overflow:hidden;}
.img_list ul,.img_list ul li{ margin:0px; padding:0px;}
.img_list ul li{ float:left; list-style:none; position:relative; margin:5px 0px 0px 5px;}
.img_list ul li span
{ position:absolute;top:3px; right:3px; width: 16px; height: 16px; opacity: 0.6;filter: alpha(opacity=60); margin: 0 0 0 2px;
vertical-align: top; background: url(’/Themes/Images/panel_tools.png’) no-repeat -16px 0px;}
.img_list ul li img{ width:80px; height:80px; cursor:pointer; position:relative; z-index:0;}
.img_list ul li .input{ width:80px; height:80px; cursor:pointer; position:relative; left:-100px;vertical-align: top; margin:0px; padding:0px; opacity:0;filter: alpha(opacity=0); }
panel_tools.png 如下：-js相册代码
jia.jpg 如下：
前台页面代码：
《tr》
《th》图片1：《/th》
《td》
《asp:Literal ID=“ltrimg_list“ runat=“server“》《/asp:Literal》
《input type=“hidden“ runat=“server“ id=“ImgPath“ name=“ImgPath“ /》
《span style=“color:blue;“》建议尺寸(243*150)《/span》
《/td》
《/tr》
《tr》
《th》图片2：《/th》
《td》
《asp:Literal ID=“Literal1“ runat=“server“》《/asp:Literal》
《input type=“hidden“ runat=“server“ id=“hkImgPath“ name=“hkImgPath“ /》
《span style=“color:blue;“》建议尺寸(243*150)《/span》
《/td》
《/tr》
后台初始化代码：-js相册代码
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
ltrimg_list.Text = UpLoad.showUploadFile(“File1“, “ImgPath“, mfmodel.ImgPath, “img_list1“);
Literal1.Text = UpLoad.showUploadFile(“File2“, “hkImgPath“, mfmodel.hkImgPath, “img_list2“);
}
}
/// 《summary》
/// 生成一个上传插件信息
/// 《/summary》
/// 《param name=“fileId“》上传控件id《/param》
/// 《param name=“hfId“》隐藏域id用来保存上传的图片路径《/param》
/// 《param name=“imgUrl“》初始化显示的图片地址《/param》
/// 《param name=“listId“》上传成功之后用来显示上传图片的标签id《/param》
/// 《returns》《/returns》
public static string showUploadFile(string fileId, string hfId, string imgUrl, string listId)
{
string result = ““;
if (!string.IsNullOrEmpty(imgUrl))
{
result = “《div class=\“img_list\“》《ul id=\““ + listId + “\“》《li onmouseover=\“imgshow(this)\“ onmouseout=\“imghide(this);\“》《a style=\“height:80px;width:80px;\“ href=\““ + imgUrl + “\“ target=\“_blank\“》《img src=\““ + imgUrl + “\“ imgs=\““ + imgUrl + “\“ code=\“0\“ /》《/a》《span onclick=\“imgdel(’“ + listId + “’,’“ + fileId + “’,’“ + hfId + “’)\“》《/span》《/li》《/ul》《/div》“;
}
else
{
result = “《div class=\“img_list\“》《ul id=\““ + listId + “\“》《li》《img src=\“/Themes/Images/jia.jpg\“ style=\“height: 80px; width: 80px;\“ /》《input type=\“file\“ id=\““ + fileId + “\“class=\“input\“ onchange=\“ImgUpload(’“ + fileId + “’,’“ + hfId + “’,’“ + listId + “’)\“ name=\““ + fileId + “\“ /》《/li》《/ul》《/div》“;
}
return result;
}
上传方法：-js相册代码
#region 上传单文件处理===================================
46 private void SingleFile(HttpContext context)
47 {
48
49 string _refilepath = context.Request.QueryString[“ReFilePath“]; //取得返回的对象名称
50 string _upfilepath = context.Request.QueryString[“UpFilePath“]; //取得上传的对象名称
51 string _delfile = context.Request.QueryString[_refilepath];
52 HttpPostedFile _upfile = null;
53 try
54 {
55 _upfile = context.Request.Files[_upfilepath];
56 }
57 catch (Exception e)
58 {
59 context.Response.Write(“{\“msg\“: \“0\“, \“msgbox\“: \“上传文件过大！\“}“);
60 context.Response.End();
61 }
62 bool _iswater = false; //默认不打水印
63 bool _isthumbnail = false; //默认不生成缩略图
64 bool _isimage = false;
65
66 if (context.Request.QueryString[“IsWater“] == “1“)
67 _iswater = true;
68 if (context.Request.QueryString[“IsThumbnail“] == “1“)
69 _isthumbnail = true;
70 if (context.Request.QueryString[“IsImage“] == “1“)
71 _isimage = true;
72
73 if (_upfile == null)
74 {
75 context.Response.Write(“{\“msg\“: \“0\“, \“msgbox\“: \“请选择要上传文件！\“}“);
76 return;
77 }
78 UpLoad upFiles = new UpLoad();
79 string msg = upFiles.fileSaveAs(_upfile, _isthumbnail, _iswater, _isimage);
80 //删除已存在的旧文件
81 Utils.DeleteUpFile(_delfile);
82 //返回成功信息
83 context.Response.Write(msg);
84
85 context.Response.End();
86 }
87 #endregion
101 public string fileSaveAs(HttpPostedFile postedFile, bool isThumbnail, bool isWater, bool _isImage, bool _isReOriginal)
102 {
103 try
104 {
105 string fileExt = Utils.GetFileExt(postedFile.FileName); //文件扩展名，不含“.”
106 string originalFileName = postedFile.FileName.Substring(postedFile.FileName.LastIndexOf(@“\“) + 1); //取得文件原名
107 string fileName = Utils.GetRamCode() + “.“ + fileExt; //随机文件名
108 string dirPath = GetUpLoadPath(); //上传目录相对路径
109
110 //检查文件扩展名是否合法
111 if (!CheckFileExt(fileExt))
112 {
113 return “{\“msg\“: \“0\“, \“msgbox\“: \“不允许上传“ + fileExt + “类型的文件！\“}“;
114 }
115 //检查是否必须上传图片
116 if (_isImage && !IsImage(fileExt))
117 {
118 return “{\“msg\“: \“0\“, \“msgbox\“: \“对不起，仅允许上传图片文件！\“}“;
119 }
120 //检查文件大小是否合法
121 if (!CheckFileSize(fileExt, postedFile.ContentLength))
122 {
123 return “{\“msg\“: \“0\“, \“msgbox\“: \“文件超过限制的大小啦！\“}“;
124 }
125 //获得要保存的文件路径
126 string serverFileName = dirPath + fileName;
127 string serverThumbnailFileName = dirPath + “small_“ + fileName;
128 string returnFileName = serverFileName;
129 //物理完整路径
130 string toFileFullPath = Utils.GetMapPath(dirPath);
131 //检查有该路径是否就创建
132 if (!Directory.Exists(toFileFullPath))
133 {
134 Directory.CreateDirectory(toFileFullPath);
135 }
136 //保存文件
137 postedFile.SaveAs(toFileFullPath + fileName);
138 //如果是图片，检查图片尺寸是否超出限制
139 if (IsImage(fileExt))
140 {
141 Thumbnail.MakeThumbnailImage(toFileFullPath + fileName, toFileFullPath + fileName, 3000, 3000);
142 }
143 //是否生成缩略图
144 if (IsImage(fileExt) && isThumbnail)
145 {
146 Thumbnail.MakeThumbnailImage(toFileFullPath + fileName, toFileFullPath + “small_“ + fileName, 150, 150, “R“);
147 // returnFileName += “,“ + serverThumbnailFileName; //返回缩略图，以逗号分隔开
148 }
149
166 /
171 return “{\“msg\“: \“1\“, \“msgbox\“: \““ + returnFileName + “\“}“;
172 }
173 catch
174 {
175 return “{\“msg\“: \“0\“, \“msgbox\“: \“上传过程中发生意外错误！\“}“;
176 }
177 }
-js相册代码
怎么用html5或js调用手机的摄像头拍照上传以及调用手机相册选取照片
1、实现头的方法代码。
2、编写CSS样式的方法代码。
3、html上传代码。
4、JS处理方法代码。
5、测试结果如下。
注意事项：
JavaScript是一种网络脚本语言，在web应用开发中得到了广泛的应用，它经常被用来为网页添加各种动态功能，为用户提供更加流畅美观的浏览效果，通常JavaScript脚本被嵌入到HTML中来实现自己的功能。-js相册代码
JS调用图片代码是什么
不用JS 直接《!--#include file=baidu.asp--》
baidu.asp页面代码如下
《a href=“http://www.baidu.com“ target=“_blank“》《img src=“flash/pic/chenggong.gif“ border=“0“》《/a》
-js相册代码
js调用图片代码
做过谷歌adsense的都知道，这是一个谷歌广告。
简要说明一下这个东西：
这个是你在07-11-13
建立的一个300*300大小的adsense广告。
用法：把这段代码复制到你要显示此广告的区域中，它会自动调用出相关内容的。。代码本身是不存在图片信息的。。
-js相册代码
百度空间相册的那种代码
没有这个代码。
估计相册是使用的flash[as]+js做的。
我来说下原理：
1、大家的使用的都是同一个flash，但是读取的图片是不同的，这就要求有一个外部的脚本文件。
2、这个脚本文件又空间网页代码根于用户需要生成。
3、脚本代码中记录了图片的链接地址，这样flash根据这个脚本动态加载图片。
另外，如果非要在百度实现可以通过做成gif动画实现。百度空间不支持js语言。如果是其他空间的话，可以使用js动态调整滤镜参数实现。
-js相册代码
如何让JS相册代码自动滚动
左翻: onmousedown=“ISL_GoUp()“ onmouseup=“ISL_StopUp()“ onmouseout=“ISL_StopUp()“
右翻:onmousedown=“ISL_GoDown()“ onmouseup=“ISL_StopDown()“ onmouseout=“ISL_StopDown()“
《div id=“List1“》内容《/div》《div id=“List2“》《/div》
《script language=“javascript“ type=“text/javascript“》
《!--//--》《![CDATA[//》《!--
//图片滚动列表 mengjia 070816
var Speed = 5; //速度(毫秒)
var Space = 2; //每次移动(px)
var PageWidth = 200; //翻页宽度
var fill = 0; //整体移位
var MoveLock = false;
var MoveTimeObj;
var Comp = 0;
var AutoPlayObj = null;
GetObj(“List2“).innerHTML = GetObj(“List1“).innerHTML;
GetObj(’ISL_Cont’).scrollLeft = fill;
GetObj(“ISL_Cont“).onmouseover = function(){clearInterval(AutoPlayObj);}
GetObj(“ISL_Cont“).onmouseout = function(){AutoPlay();}
AutoPlay();
function GetObj(objName){if(document.getElementById){return eval(’document.getElementById(“’+objName+’“)’)}else{return eval(’document.all.’+objName)}}
function AutoPlay(){ //自动滚动
clearInterval(AutoPlayObj);
AutoPlayObj = setInterval(’ISL_GoDown();ISL_StopDown();’,2000); //间隔时间
}
function ISL_GoUp(){ //左翻开始
if(MoveLock) return;
clearInterval(AutoPlayObj);
MoveLock = true;
MoveTimeObj = setInterval(’ISL_ScrUp();’,Speed);
}
function ISL_StopUp(){ //左翻停止
clearInterval(MoveTimeObj);
if(GetObj(’ISL_Cont’).scrollLeft % PageWidth - fill != 0){
Comp = fill - (GetObj(’ISL_Cont’).scrollLeft % PageWidth);
CompScr();
}else{
MoveLock = false;
}
AutoPlay();
}
function ISL_ScrUp(){ //左翻动作
if(GetObj(’ISL_Cont’).scrollLeft 《= 0){GetObj(’ISL_Cont’).scrollLeft = GetObj(’ISL_Cont’).scrollLeft + GetObj(’List1’).offsetWidth}
GetObj(’ISL_Cont’).scrollLeft -= Space ;
}
function ISL_GoDown(){ //右翻
clearInterval(MoveTimeObj);
if(MoveLock) return;
clearInterval(AutoPlayObj);
MoveLock = true;
ISL_ScrDown();
MoveTimeObj = setInterval(’ISL_ScrDown()’,Speed);
}
function ISL_StopDown(){ //右翻停止
clearInterval(MoveTimeObj);
if(GetObj(’ISL_Cont’).scrollLeft % PageWidth - fill != 0 ){
Comp = PageWidth - GetObj(’ISL_Cont’).scrollLeft % PageWidth + fill;
CompScr();
}else{
MoveLock = false;
}
AutoPlay();
}
function ISL_ScrDown(){ //右翻动作
if(GetObj(’ISL_Cont’).scrollLeft 》= GetObj(’List1’).scrollWidth){GetObj(’ISL_Cont’).scrollLeft = GetObj(’ISL_Cont’).scrollLeft - GetObj(’List1’).scrollWidth;}
GetObj(’ISL_Cont’).scrollLeft += Space ;
}
function CompScr(){
var num;
if(Comp == 0){MoveLock = false;return;}
if(Comp 《 0){ //左翻
if(Comp 《 -Space){
Comp += Space;
num = Space;
}else{
num = -Comp;
Comp = 0;
}
GetObj(’ISL_Cont’).scrollLeft -= num;
setTimeout(’CompScr()’,Speed);
}else{ //右翻
if(Comp 》 Space){
Comp -= Space;
num = Space;
}else{
num = Comp;
Comp = 0;
}
GetObj(’ISL_Cont’).scrollLeft += num;
setTimeout(’CompScr()’,Speed);
}
}
//--》《!]]》
《/script》
这是左右滚的，自己改下就可以用
-js相册代码
