ajax上传“多张图片“”后PHP返回HTML的的路径怎样插入MySQL数据库,单个字段存储还是多个字段存储?

ajax上传“多张图片“”后PHP返回HTML的的路径怎样插入MySQL数据库,单个字段存储还是多个字段存储?,第1张

多个图片上传,可以拆分成单个的上传,每一个图片对应一条数据,然后记录图片的信息和存储路径等。

然后保存的时候,保存图片记录的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")


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/6723949.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-27
下一篇 2023-03-27

发表评论

登录后才能评论

评论列表(0条)

保存