怎么使用 js post 图片上传？

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 3399 days ago, the information mentioned may be changed or developed.

http://pic.onji.cn/upload.html

这个是用 html 表单 post 会跳转到 php 文件。点上传跳到 php 页面输出图片链接。（外链）

有没有什么办法可以不跳转，直接在本页面显示输出的图片链接吗？ JS 可以，但是我不会这个。有哪位大神可以教下吗？或者私聊也行。[email protected]

jquery ajax 都不会，求大神帮助。

24 replies • 2017-07-25 07:45:30 +08:00

airyland

Jul 16, 2017 via iPhone

话说不会写也会搜吧

onji

Jul 16, 2017

@airyland 搜过，一下午，没解决成功。

Joan

Jul 16, 2017

http://yunzhu.iteye.com/blog/2177923
随便找了个感觉符合需求~~

onji

Jul 16, 2017

@Joan 谢谢，迟点我看看。

sparkle2015

Jul 16, 2017

1. 后台代码是你们自己控制的吗 (从图上的 url 来看，应该是的)？如果是的话，就修改后台代码，让后台在接收图片后，重新渲染 "http://pic.onji.cn/upload.html" 这个 url，并把图片的 url 显示在此页面的 img 元素中，而不是 redirect_to 到新的 url。

1. 第二种方法，在前端用 ajax 请求，后台接收图片后，发现如果是 ajax 请求，则把图片 url 以 json 形式返回，前端拿到 url 后把它的值设置到 img 的 src 属性中。[示例代码]( https://github.com/baurine/rails-study/blob/master/upload_file_demo/app/views/resumes/new.html.erb)。