如何上传图片？如何解决上传那图片需要跨域？

Answer 1

接灰的电子产品 2018-06-08 13:53:48

跨域问题是服务器范畴，服务端支持 cors 就可以了，这个很简单。看你使用的是什么语言框架，java的可以看我的文章 https://www.jianshu.com/p/4ef9881090ec

• 提问者 Kinmy建 #1

  后台用的php，一直显示跨域的问题。如果是图片上传，返回一个地址，angular4应该用什么插件比较合适呢？

• 接灰的电子产品 回复 提问者 Kinmy建 #2

  PHP 不熟，但你搜一下 php cors，很多文章的。上传不需要插件，上传就是一个http post 请求，请求体中是 formdata 而已

• 接灰的电子产品 回复 提问者 Kinmy建 #3

  ```
  upload(file: File): Observable<{hash: string; key: string}> {
      return this.http
        .get<{token: string}>('/api/upload', {headers: this.headers})
        .pipe(
          switchMap(({token}) => {
            const headers = new HttpHeaders();
            headers.delete('Content-Type');
            const formData = new FormData();
            formData.append('file', file);
            formData.append('token', token);
            return this.http.post<{hash: string; key: string}>(url, formData, {headers: headers});
          })
        );
    }
  ```

点开查看后面1条评论

Answer 2

接灰的电子产品 2018-06-08 13:54:52

上传注意header 中删掉 content-type即可