然后保存的时候,保存图片记录的id就可以,到时候可以根据id获取到相关的图片信息。
如果使用oss等存储空间,也是他们会每一个图片返回给你一个图片路径,你保存图片的网络地址就行,这个时候可以使用一个字段然后通过分隔符,比如‖进行分割,当然,如果图片数量是固定的,也可以用多个字段分别存储路径。
最后,推荐使用单个字段分隔,因为一般不需要对图片字段进行检索,如果需要的话,单个字段查询后,再封装接口返回也可以。
第一:建立Default.aspx页面<html>
<head runat="server">
<title>ajax图片上传</title>
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/jquery.form.js" type="text/javascript"></script>
<script type="text/javascript">
function upload(){
var path = document.getElementById("File1").value
var img = document.getElementById("img1")
if($.trim(path)==""){
alert("请选择要上传的文件")
return
}
$("#form1").ajaxSubmit({
success: function (str) {
if(str!=null &&str!="undefined"){
if (str == "1") {alert("上传成功")document.getElementById("img1").src="images/logo.jpg?"+new Date()/*上传后刷新图片*/}
else if(str=="2"){alert("只能上传jpg格式的图片")}
else if(str=="3"){alert("图片不能大于1M")}
else if(str=="4"){alert("请选择要上传的文件")}
else {alert(' *** 作失败!')}
}
else alert(' *** 作失败!')
},
error: function (error) {alert(error)},
url:'Handler.ashx', /*设置post提交到的页面*/
type: "post", /*设置表单以post方法提交*/
dataType: "text" /*设置返回值类型为文本*/
})
}
</script>
</head>
<body>
<form id="form1" runat="server">
<input id="File1" name="File1" type="file" />
<input id="iptUp" type="button" value="上传Logo" onclick="upload()"/>
<img id="img1" alt="网站Logo" src="images/weblogo.jpg" />
</form>
</body>
</html>
建立一个input标签<input type=text name=mypic readonly/><a href=你的上传文件>点击上传</a>上传文件后把图片的地址显示到name=mypicinput文本框里:在你的上传文件里可能要用到这样的代码 (window.parent.)document.你的form名.mypic.value='uploadfile/<%=fileName%>'
然后在入库的时候rs("你的数据库表示路径的字段")= request.form("mypic")
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)