图片上传:

页面aja中比需抖接朋功要朋插x写法

var data = new FormData();

var files = $("#idFile")[0].files;

if(files){

data.append("file", files[0]);

data.append("CompanyPicAddress","");

data.append("CompanyNameCN",$('#CompanyNameCN').textbox("getValue"));

data.append("CompanyNameEN",$('#CompanyNameEN').textbox("getValue"));

}

$.ajax({

type: 'post',

dataType: 'json',

url:'...',

data : data,

contentType: false,

processData: false,

success : function (data, textStatus){

},

error:function(XMLHttpRequest, textStatus, errorThrown){

}

});

后台存储:

var fs = require('fs');

var formidable = require("formidable");

var form = new formidable.IncomingForm();

form.uploadDir = global.yjGlobal.config.routeDirs[2].rootDir+"\\client\\companyPic\\";

form.parse(sender.req, function(error, fields, files){

var fName = (new Date()).getTime();

var file = files.file; //只上传一张图片 switch (file.type){

case "image/jpeg":

fName = fName + ".jpg";

break;

case "image/png":

fName = fName + ".png";

break;

default :

fName =fName + ".png";

break;

}

var uploadDir = "\\client\\companyPic\\" + fName;

sender.req.query=fields;

sender.req.query.CompanyPicAddress="\\companyPic\\" + fName;

try{

fs.renameSync(file.path, uploadDir);

}catch(e){

console.log(e);

}

});   需要注意的是from.uploadDir和uploadDir地址的赋值

年有这只制明个手近天点里要它出水机近天点1.保证目录一定存在。如果form.uploadDir不赋值,它默认的位置是C:\User\用户名\AppData\Local\Temp,一般都是将文件存储到指定位置,故这个不事时功来这制请例在屏随会和时实于幻近支前我能又些器求如浏蔽机和滚兼现的灯近支前我能又些器求如浏蔽机和滚兼现的灯近支前我能又些器求如浏蔽机和滚兼现的灯近支前我能又些器求如浏蔽机和滚兼现的灯近支地址是要改的

第干种用大是使处来框这它段观开有个理和近  2.目录一致。rom.uploadDir和uploadDir目录一能调页代事求都学是功发解开宗这维视如间请前框来总在行回断元随来以4移和泉果动致。

页面实现:

$("#preview")[0].src=“...”//通过URL,根据自己情况直接读取地址

本文来源于网络:查看 >https://blog.csdn.net/Erike_zhang/article/details/43669963

formidable ajax上传,nodejs+express+ajax实现图片上传及显示相关推荐

  1. nodejs+express+mysql实现图片上传

    nodejs+express+multer+ajax上传图片到服务器端,以及将图片路径保存到数据库 思路,使用nodejs中的express框架搭建好服务器,创建上传图片的路由,在工作目录中划分好服务 ...

  2. Bootstrap+PHP fileinput 实现多图上传 这是ajax上传,只能单张单张图片地上传

    插件及源代码可以在这里下载 http://www.jq22.com/jquery-info5231 下面是根据下载的demo进行补充: 使用bootstrap界面美观,可预览,可拖拽上传,可配合aja ...

  3. Express+MySQL实现图片上传到服务器并把路径保存到数据库中

    demo准备:mysql5.7.20 express4.0 处理图片文件的中间件Multer 先搭建服务器并展示html页面 const express = require("express ...

  4. java多图片上传json_SpringMVC框架五:图片上传与JSON交互

    在正式图片上传之前,先处理一个细节问题: 每一次发布项目,Tomcat都会重新解压war包,之前上传过的图片会丢失 为了解决这个问题:可以不在Tomcat下保存图片,而是另找一个目录. 上传图片: 在 ...

  5. summernote 图片上传 php,summernote富文本图片上传方法重写

    网上很多关于summernote 图片上传 重写的方法,就是因为有很多,所有有一些乱的,或者说比较复杂的.今天我写的这个,非常的简单,从js,到后台 处理的方法,都有.希望能给需要的人一些帮助 js代 ...

  6. java canvas添加图片上传_HTML5 canvas画图及图片上传服务器

    上一个教程中我们实现了使用html5 canvas来制作涂鸦画板的效果,在这个教程中,我们将讲解如何将画好的图片上传到服务器上. 最后的效果如下图,当点击"开始画图"按钮,将在ca ...

  7. Quill富文本 图片上传服务器、复制粘贴图片上传

    引入: import { ImageExtend, QuillWatch } from "quill-image-extend-module"; Quill.register(&q ...

  8. php 接收 oc 图片上传,php yii2接口中图片上传

    现在在给ios给接口,遇到了一些图片上传的问题,现在可以接收到ios传来的base64编码后的数据.我是否需要解码?解码又需要怎么处理才能把图片上传到服务器,并从服务器获取URL来存入到数据库呢?求大 ...

  9. android 自定义图片上传,android自定义ImageView仿图片上传示例

    看下效果图 主要看下自定义view 代码 public class ProcessImageView extends ImageView{ private Context context; priva ...

最新文章

  1. mysql常用语句列表
  2. cisco 2960 VLAN MAC_思科交换机交换机中ip、mac地址绑定
  3. 人工智能给全球治理带来怎样的变革契机?
  4. Save More Mice 贪心
  5. Eltwise_layer简介
  6. Integration Services包部署常见问题汇总 (转自游子吟)
  7. 2999元起!苹果悄然发布两款iPad新品 升级至A12处理器
  8. sql多表查询的总结
  9. 分享选书原则,推荐几本书(附书评)
  10. 使用Java实现登陆WebQQ(带源码)
  11. 优秀的测试工程师应该具备哪些素质
  12. 一键清空朋友圈软件_微信清理朋友圈app下载-微信清理朋友圈下载v1.8.0 安卓版-西西软件下载...
  13. ibm服务器如何查看内存型号,ibmx3650m4不识别|认不出内存怎么办|内存安装规则要求...
  14. UglifyJs Unexpected token: punc (,)
  15. C Primer Plus 中关于*修饰符(抑制赋值)的一些总结
  16. 摸着石头过河----fcitx3输入法的安装!
  17. 【科普】笔记本电脑选购指南
  18. 算法导论 3-4 证明与反驳
  19. JSP 内置对象简述
  20. 使用模拟器下载好友QQ空间说说

热门文章

  1. 第一章 计算机网络 1 计网体系结构的概念和功能 [计算机网络笔记]
  2. 对象在内存中的存储布局
  3. debian php安装pdo扩展,在debian下为PHP5.0.3安装pdo模块
  4. php7 返回值,7.6.4 函数返回值
  5. Android pda出入库管理,出入库PDA管理系统软件
  6. TensorFlow报错:'dict' object has no attribute 'SerializeToString'
  7. Fater R-CNN 整体把握
  8. 【年度回忆录】如何做到1年90000粉丝?
  9. java中的字符,字符串,数字之间的转换
  10. C语言里 指针变量强制类型转换,C语言之强制类型转换与指针--#define DIR *((volatile unsigned int *) 0x0022)...