jquery ajax post图片流给服务器进行图片上传

纯ajax 图片上传,ajax来post图片流给服务器。

FormData 可以把post数据改成流传输。

 <form id="frm">
  <div id="box2" style="margin:0px auto; width:100%; min-height:150px; background:#FF9">
    <input type="file" name="file1" id="file1" />
    <input type="button" value="上传" id="upload">
</form>
 
//ajax 上传
$("#upload").click(function(){
    var url =  "http://mm.com/ajaxupload.php";
 
    var formData = new FormData($( "#frm" )[0]); 
     $.ajax({ 
          url: url, 
          type: 'POST', 
          data: formData, 
          async: false, 
          cache: false, 
          contentType: false, 
          processData: false, 
          success: function (returndata) { 
            var jsonObj = eval('('+returndata+')');
 
              //alert(jsonObj.f); 
              //$("#idCardFront").val(jsonObj.f);
             //$("#idCardBack").val(jsonObj.b);
 
          }, 
          error: function (returndata) { 
              alert(returndata); 
          } 
     });

时间: 2024-10-06 22:38:06

jquery ajax post图片流给服务器进行图片上传的相关文章

豆芽图您身边免费的图片上传-图片外链分享网站!

豆芽图-您身边免费的图片上传-图片外链分享网站! 网址:http://www.douyaurl.com 大家有需要上传图片和获取外链的请访问豆芽图 图片允许流量: 10 GB 流量/月支持的图片格式: png, jpg, jpeg, gif, bmp, psd图片允许的大小: 2 MB我们的免费图片托管服务器将免费保存您的图片提供您和您的朋友,家人和同事分享!欢迎大家提出意见与建议! 什么是豆芽图? 我们是一个免费图片托管解决方案.提供您和您的朋友与家人分享.您的图片的也可以分享到邮件,或者在论

独立图片服务器的图片上传的解决方式_应用技巧

像一些大的网站,就将图片.CSS.JS.数据库都需要分开到不同的服务器上,为这些不同的服务器单独一个域名.这样不仅提高的访问速度,而且一台服务器坏了,不影响整个网站的打开. 这里介绍一下这样的网站架构中图片上传原理. 先将图片服务器映射到web服务器上(映射的方法就不在这里介绍了),然后在IIS中建个虚拟目录,先指向一个本机文件夹,然后完成.然后在右击新建的虚拟目录,属性.然后在弹出的对话框中选择"另一台计算机上的共享",然后在下面输入服务器和共享名,就行了. 上传图片的程序上就不需要

jQuery插件uploadify实现ajax效果的图片上传_jquery

昨天做了一天的ajax效果的图片上传,就是想让自己学的更加的精一些,所以看了很多第三方的控件,最后还是选择了uploadify这个控件,主要原因是比较容易上手. 首先我们先参考别人的资料(我自己整理了一下) 可选项 需要参数类型 参数名字 解释 (布尔型) auto 当文件被添加到队列时,自动上传. (字符串) buttonImg 浏览按钮的背景图片路径. (字符串) buttonText 默认在按钮上显示的文本. (字符串) cancelImg 取消按钮的背景图片路径. (字符串) check

PHP+jQuery+Ajax实现多图片上传效果_jquery

今天我给大家分享的是在不刷新页面的前提下,使用PHP+jQuery+Ajax实现多图片上传的效果.用户只需要点击选择要上传的图片,然后图片自动上传到服务器上并展示在页面上. HTML 我们在页面上放置一个form表单,使用post提交到后台php处理程序upload.php,注意enctype属性设置要支持文件上传.#preview用来显示上传完毕后的图片.关于css样式设置本文不加说明,请参照下载包的源码. 复制代码 代码如下: <form id="imageform" met

推荐:PHP+jQuery+Ajax多图片上传的实例

Ajax多图片上传效果界面 我们在页面上放置一个form表单,使用post提交到后台php处理程序upload.php,注意enctype属性设置要支持文件上传.#preview用来显示上传完毕后的图片.关于css样式设置本文不加说明,请参照下载包的源码.    代码如下 复制代码 <form id="imageform" method="post" enctype="multipart/form-data" action="up

一步一步搭建一个图片上传网站(后台服务器用nodejs)

前几天看了腾讯云社区的一个文件上传的文章 <文件上传那些事儿> ,大体上讲了以下h5中图片上传的几个核心原理,但是没有后端接受的服务器代码,没法做测试.也没有具体的一个实例都是一些基本的原理片段,并且ui界面也不好看,我就准备给那篇文章作为补充做一个图片上传网站. 效果如图: 点击上传后,会把文件放到后台一个uploads文件夹下面,如果上传成功,那么页面会 弹出一个上传成功的提示框,如果上传失败,会弹出一个失败的提示框,如果网速比较慢,会显示出上传过程中的进度条. 开发准备 用普通的表单提交

bootstrap-wysiwyg结合ajax实现图片上传实时刷新功能_javascript技巧

最近由于项目需求,要实现一个前端文本编辑框,附带图片上传实时查看的功能.比较了网上的几款插件,首先是百度的UEitor,发现该框架过于庞大,一个小框架引入如此多的文件并不是我想看到的:其次是jQuery的easyUI,虽然个人版的是免费的,但是项目属于公司业务,似乎用商业版的框架并不妥.考虑到项目的前端主要就是在bootstrap的基础上构建起来的,最终选用了bootstrap-wysiwyg插件,它非常的精简,轻巧而且扩展性强. 引入bootstrap-wysiwyg并且实现文本编辑功能十分的

自己动手打造ajax图片上传(网上没有的)_AJAX相关

今天笔者需要一款图片上传插件,但是网上没有提供一款符合自己需求且好用的.于是就自己动手写了一个. 方法1,仅使用jquery代码,不用第三方插件.代码如下 <p> <label>上传图片</label> <input class="ke-input-text" type="text" id="url" value="" readonly="readonly" /&g

基于jquery实现图片上传本地预览功能_jquery

当我们在上传文件时如果每次都要上传到服务器才可以预览这个做看上合理其实是不合理的,如果网速慢或图片有问题,这样不但浪费客户时间同时也浪费服务器资源了,下面我们介绍利用js上传图片时本地实现预览,希望此方法对各位有所帮助哦.一.原理 分为两步: 当上传图片的input被触发并选择本地图片之后获取要上传的图片这个对象的URL(对象URL): 把对象URL赋值给事先写好的img标签的src属性即可把图片显示出来. 在这里,我们需要了解Javascript里File对象.Blob对象和window.UR