基于ajax实现上传图片代码示例解析
编程学习 2021-07-04 14:07www.dzhlxh.cn编程入门
这篇文章主要介绍了基于ajax实现上传图片代码示例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
js源码：
/// <reference path="jquery-1.8.3.js" />
/// <reference path="ajaxForm/jquery.form.js" />
/*!
* jQuery upload
* 用于上传单个文件，上传成功后,返回文件路径。
* 本插件依赖jQuery，jquery.form 请在使用时引入依赖的文件
*
* Date: 2014/4/23
*/
/*
使用:
html:
<div style="width: 100%; float: left;">
<input type="hidden" id="hfThumbnail" value="/uploads/2014/04/23/635338686611432716.jpg" />
<div class="imgdiv"></div>
<span class="img_span">
<input type="file" name="file" />
</span>
<input type="button" value="上传" class="upload" />
</div>
<div style="width: 100%; float: left;">
<input type="hidden" id="hfThumbnail" value="/uploads/2014/04/23/635338686611432716.jpg" />
<div class="imgdiv"></div>
<span class="img_span">
<input type="file" name="file" />
</span>
<input type="button" value="上传" class="upload" />
</div>
js:
$(document).ready(function () {
//$(".upload").upload({
// uploadData: { id: "12233" },
// successFn: function (response, statusText, xhr, $this) {
// alert(response.Data.RelativePath)
// },
// deleteData: { id: function () { return "asdfasdf" } }
/ 上一篇：Vue实现图书管理小案例
下一篇：JQuery绑定事件四种实现方法解析