这篇文章算是接上一篇,解决md5不一致之后就是上传图片,因为上传图片涉及跟图片一起上传的图片信息,包括md5值,大小,图片名称等,所以除了提交图片外还涉及信息上传并获取到上传后返回的实际url地址信息等。先定义一个触发函数,参数如下

再定义一个上传函数,参数如下当obj为空字符串时表示调用函数直接上传,如果有obj,当触发点击obj事件时触发上传,两种情景分别对应点击图片后直接上传需求和表单信息填写完毕点击提交后上传图片,并把提交信息写到图片上传成功的回调函数里。在uploadAjax函数中,先创建一个formData对象,把要上传的信息append进去,按后台要的格式,把图片信息拼接到params参数中,用jq的ajax提交后台

用法实例代码如下,此方法可实现上传多个图片,并且不止于图片上传

网友评论