做一个相册网站上传照片的代码（做一个相册网站上传照片的代码是什么）

今天给各位分享做一个相册网站上传照片的代码的知识，其中也会对做一个相册网站上传照片的代码是什么进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、怎么给图片加上网站？
• 2、当点击带+的图片时，弹出手机相册，可以选择手机相册内的图片上传，代码如何写？怎么实现？
• 3、在jsp中做照片上传预览的代码
• 4、在html页面里面制作一个上传图片的区域，就是点那个区域，就能上传照片，这个html代码应该怎么写？
• 5、如何制作网站上传图片
• 6、怎么在网页中插入图片html图片代码

怎么给图片加上网站？

你可以直接建一个Word页，图片放进去，在图片上加上超级链接就ok。保存时还可以设置成web形式。

也可以

放入如下代码：

a href="连接地址"target="_blank"img src="图片地址" width="150" height="70" border="0"/img/a

代码width="150" 含义是:设置图片宽度，height="70" 含义是:设置图片高度，都可以自行设定。

代码 border="0" 含义是:边框为“0”，即是，当该图片是一个链接图片时，不会出现链接的图片边框

代码 target="_blank" 含义是： 链接页面在一个新窗口打开。

图片地址那填上你想要将图片保存的网址

当点击带+的图片时，弹出手机相册，可以选择手机相册内的图片上传，代码如何写？怎么实现？

首先需要引用 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 如下：

/// 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=DelMessageImgFiles=" + $("#" + hfId).val(), function (result) {

        if (result != "ok")

            $.messager.alert("消息提示", "删除失败!");

     });

    var html = "liimg 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[0] + "\" target=\"_blank\"img src=\"" + list[0] + "\" imgs=\"" + list[0] + "\" code=\"" + code + "\" //aspan  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=SingleFileIsThumbnail=1UpFilePath=" + 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 如下：

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

后台初始化代码：

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\" //aspan onclick=\"imgdel('" + listId + "','" + fileId + "','" + hfId + "')\"/span/li/ul/div";

            }

            else

            {

                result = "div class=\"img_list\"ul id=\"" + listId + "\"liimg 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;

        }

上传方法：

#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         }

在jsp中做照片上传预览的代码

建议你使用 Web upload 组件,可图片预览, 可多选,可拖放上传,可粘贴后直接上传

百度开源产品.

俩三行代码就可以直接使用

具体网址 :

在html页面里面制作一个上传图片的区域，就是点那个区域，就能上传照片，这个html代码应该怎么写？

你好，html上传文件的代码如下：

 input type="file" name="fileUpload" /

 input type="submit" value="上传文件" /

至于你要说的有个区域显示图片的，这个需要配合前端开发才可以，单纯的html代码是做不到的，谢谢。

如何制作网站上传图片

如果你想上传图片,首先你的拥有空间或者是可以上传的免费空间.或者是网站提供的相册,或是视频分享网站提供的空间,只要可以接纳图片的就可以了.每个网站如果提供相册功能哪么他就会提供上传的功能,你只需要照旧操作就可以了.如果是空间上传你可以通上传下载工具软件来完成,如果没有工具软件你可以通过FTP://网址 你可以通过FTP功能进行上传.对于不同的环境你可以选择不同的上传方式,如有不懂之处可以QQ:4921545

怎么在网页中插入图片html图片代码

在网页中插入图片html图片代码方法：

步骤：

一、html图片标签语法

img src="divcss-logo-201305.gif" width="165" height="60" /

img介绍：

src 后跟的是图片路径地址

width 设置图片宽度

height 设置图片高度

二、具体html 图片显示实例

在html源代码中分别插入三张图片，一张原始大、一张将宽度高度改小小、一张将宽度高度改大。

1、实例完整html代码：

!DOCTYPE html 

html 

head 

meta charset="utf-8" / 

title图片插入html 在线演示/title 

/head 

body 

p原始大图片/p 

p 

img src="divcss-logo-201305.gif" width="165" height="60" / 

/p 

p改小图片/p 

p 

img src="divcss-logo-201305.gif" width="105" height="30" / 

/p 

p改大图片/p 

p 

img src="divcss-logo-201305.gif" width="365" height="120" / 

/p 

/body 

/html

2、html插入图片实例截图

3、在线演示：

在html网页中显示图片，插入图片，通过使用img标签来实现，通过也可以将图片作为CSS网页背景图片显示插入到Html网页中（css 背景图片）。

关于做一个相册网站上传照片的代码和做一个相册网站上传照片的代码是什么的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。