重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
图片上传需要使用表单提交,ajax 提交是无法提交file的。
让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名注册、网站空间、营销软件、网站建设、宽城网站维护、网站推广。
data: name=John&location=Boston,success: function(msg){ alert( Data Saved: + msg );} });先看一个简单的ajax提交数据功能 some.php就是你提交到后台进行操作的php data就是参数根据自己的需要而定饿。
(1).提供form表单,method必须是post。(2).form表单的enctype必须是multipart/form-data。(3).提供input type=file上传输入域。
是的话就返回“text/html”类型的内容,不是就可以返回“application/json”的。简单的说就是ajaxSubmit上传文件的话,返回的内容只能是网页内容的,否则IE就有可能出现下载提示框。
今天我就以图片上传为例向大家展示文件上传功能的具体步骤。
1、图片和文件等流媒体 上传都是靠from表单的提交。
2、补充:JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 0+, FF 5+, Safari 0+, Opera 0+),jQuery0及后续版本将不再支持IE6/7/8浏览器。
3、引入资源 使用Web Uploader文件上传需要引入三种资源:JS, CSS, SWF。
4、//jquery需要引入jquery.js文件 //页面加载完后执行 (function(){ (#img1).attr(src,/img/imgjpg);}); 这是js,jquery 给img标签赋值的办法。 不知道是不是你想要的, 你的问题可以描述清楚点。
5、我的理解是你应该先通过图片上传接口把图片上传到服务器上(上传后的服务器端的图片地址,保存到里),然后再统一提交所有的表单项。
实现的效果也还可以,不过这个保存的是base64的图片,插入数据库的时候我们一般都是保存xxxx.jpg 故需要实现一个方法这里我是根据日期对文件夹分组了,并且保存到数据库。
, tapmodo / Jcrop Jcrop是人气最高的图片裁剪jQuery插件,stars数量2k+,功能非常丰富,文档齐全,首选。Github点抗 guan 网也使用了这个插件。有一个小细节是,边框线的蚂蚁线是动画的,真的很用心。
jQuery File Upload是上传文件的一个插件,不一定是图片,所以里面没做预览的支持。
引入资源 使用Web Uploader文件上传需要引入三种资源:JS, CSS, SWF。
不能上传的原因可能是jquery插件使用不正确。
图片和文件等流媒体 上传都是靠from表单的提交。
引入资源 使用Web Uploader文件上传需要引入三种资源:JS, CSS, SWF。
jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。
//jquery //jquery需要引入jquery.js文件 //页面加载完后执行 (function(){ (#img1).attr(src,/img/imgjpg);}); 这是js,jquery 给img标签赋值的办法。