`

上传文件跨域

阅读更多

公司网站www.6v.com,图片服务器www.up.6v.com

通过跨域从主站传到图片服务器

最后效果http://www.6v.com/blog/settings

共了三个插件,一个是ajaxFileUpload,一个是uploadify,还一个是Jcrop

此效果主要分三步,一是上传图片,二是在线剪切图片,最后再上传

第一步用uploadify,主要是因为要求有进度条,之前博客中有介绍uploadify,在此不多说。

在此碰到了很多麻烦,图片通过主站POST提交到图片服务器,服务器响应后将DATA通过Header再传到主站。

uploadify用是swfupload,到header那一步就会报302错误。

最后其他同事说swfupload不需要header回主站,直接在图片服务器返回数据就好。

一试,果然能获取图片服务器的数据,我想应该跟crossdomain.xml文件的配置有关,其中的奥妙还要以后研究。

第二步略过,第三步用ajaxFileUpload,它不能从跨域取返回数据,会报跨域的错,方法就是用header将数据再传到主站返回。

如果遇到麻烦,参考这三个插件我相关的博客,会有一些插件配置教程

 

分享到:
评论
1 楼 夜猫阿七 2012-07-13  
求源码,有的话发个到liuhualong321@sina.com
http://topic.csdn.net/u/20120712/17/31823d56-1e19-4401-9808-ced87d29ecd5.html?seed=673483635&r=79113256#r_79113256
可给分

相关推荐

    jQuery File Upload 可跨域的多图片上传

    `jQuery File Upload` 是一个流行的JavaScript库,它允许用户在网页上实现多文件上传功能,特别是支持跨域上传,这对于现代Web应用来说至关重要。该框架以其易于使用、高度可定制化以及对HTML5 API的良好支持而受到...

    uploadify+ashx 跨域上传

    总结来说,Uploadify+Ashx的跨域上传方案结合了前端的友好界面和后端的安全处理,实现了Web应用中的文件跨域上传功能。在实际开发中,需要根据项目需求调整和完善各个部分,确保上传过程的安全性和稳定性。

    ajax跨域上传文件.zip

    【Ajax跨域文件上传详解】 Ajax(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况下,通过JavaScript异步地与服务器交换数据并更新部分网页内容。在现代Web开发中,Ajax广泛应用于创建动态和...

    跨域下载文件

    在Web开发中,由于浏览器的同源策略限制,不同源的资源之间无法直接进行通信,这包括了文件的上传和下载。"跨域下载文件"是解决这一问题的关键技术,尤其是在构建分布式应用或者API服务时,用户可能需要从不同的...

    Stream跨域上传文件

    在Web开发中,跨域(Cross-Origin)上传文件是一个常见的需求,特别是在前后端分离的架构中。Stream跨域上传文件是指利用流(Stream)技术来处理文件数据,同时解决跨域问题,实现从一个源(Origin)向另一个源提交...

    Layui图片上、视频、音频、文件上传接口及跨域上传

    本项目着重介绍了Layui中关于文件上传的接口及其在跨域上传场景下的实现。 首先,我们来理解Layui的图片上传功能。Layui图片上传主要依赖其`upload`模块,该模块提供了一种直观、友好的用户界面,并且支持预览、多...

    跨域上传文件,多服务器相互调用

    在现代Web应用开发中,"跨域上传文件"是一个常见的需求,特别是在大型系统或分布式环境中。这个场景下,为了优化服务器资源分配,减轻单个服务器的压力,并减少项目文件的迁移和改动,通常会采用多服务器相互调用的...

    html5 ajax 文件上传跨域进度问题

    然而,当涉及到文件上传时,尤其是在跨域环境下,会遇到一些挑战,比如进度显示的问题。本文将深入探讨HTML5的Ajax文件上传跨域以及如何处理上传进度。 1. **CORS(跨源资源共享)**: HTML5引入了CORS来解决跨域...

    SpringBoot第 6 讲:SpringBoot+jersey跨域文件上传

    在本教程中,我们将深入探讨如何使用Spring Boot与Jersey实现跨域文件上传。Spring Boot以其简化Spring应用程序开发的特性而受到广泛欢迎,而Jersey是JAX-RS规范的一个实现,用于构建RESTful Web服务。当我们谈论...

    ajax上传图片,PHP上传图片,PHP上传图片跨域,跨域上传图片,上传图片缩览图

    在处理跨域上传图片时,我们需要考虑CORS(Cross-Origin Resource Sharing)策略。由于浏览器的安全限制,不同源的请求会被阻止,除非服务器明确允许。在PHP中,我们可以通过设置响应头来允许特定域名的跨域请求: ...

    ext struts2 swfupload 跨域文件上传

    "ext struts2 swfupload 跨域文件上传"这个主题涉及到三个关键技术和概念:EXTJS(Ext JS)、Struts2以及SwfUpload,它们共同解决了Web应用中的跨域文件上传问题。 EXTJS是一种强大的JavaScript库,用于构建富...

    真正解决百度编辑器UEditor上传图片跨域问题.docx

    接着,开发者转向使用jQuery的ajax方法进行文件上传,因为jQuery提供了更方便的跨域支持。 在jQuery的ajax方法中,设置了`dataType: 'json'`表明期望返回JSON格式的数据,`type: opts.method`指定了HTTP请求类型...

    基于swfupload 和extjs的多文件(跨域)文件上传(java)

    最近项目中要实现一个文件上传的功能,之前用jsp/javascript实现了,只是一次不能选取多个文件,而且界面不够美观,大家可以下载下来看看实现的原理,http://download.csdn.net/detail/cbai0722/5077523或者到我的资源...

    HTML5 postMessage+iframe实现文件跨域异步上传

    在现代Web开发中,文件跨域异步上传是一项常见的需求,尤其在用户交互丰富的Web应用中。HTML5引入了一系列新特性,使得这项任务变得更加高效和便捷。本篇将重点讲解如何利用HTML5的`postMessage`和`iframe`技术来...

    跨域post上传图片

    要实现"跨域post上传图片",我们需要解决两个主要问题:跨域限制和文件上传。HTML5引入了File API,使得在前端处理文件变得更加容易,但ie6+浏览器并不完全支持这些新特性,所以我们需要找到一种兼容性较好的解决...

    百度富文本框(Ueditor)自定义上传接口,并解决单图片上传的跨域问题

    最后,为了使Ueditor能够处理跨域上传,还需要在配置文件中开启`customDomain`并设置为`true`: ```javascript customDomain: true, ``` 完成以上步骤后,Ueditor就应该能够通过你自定义的接口进行跨域图片上传了...

    ajax+webservice跨域实现文件上传

    【Ajax+WebService跨域实现文件上传】是一种在Web应用程序中常用的技术组合,它允许前端页面通过Ajax异步地与远程Web服务进行通信,同时解决跨域限制,实现文件的上传功能。这一技术主要涉及到以下几个核心知识点: ...

    java跨全域兼容ie/ff/chrome浏览器多文件上传(原创)

    在IT行业中,跨域文件上传是一项常见的需求,尤其是在开发Web应用程序时。本示例通过"java跨全域兼容ie/ff/chrome浏览器多文件上传(原创)"的标题,我们可以看出这是一个解决浏览器兼容性问题并实现跨域文件上传的...

    SWFUpload多图上传、C#后端跨域传文件带参数

    在本项目中,“SWFUpload多图上传、C#后端跨域传文件带参数”表明我们将探讨如何利用SWFUpload上传多个图片,并在C#后端处理这些文件,同时解决跨域问题并传递额外的参数。 首先,我们需要了解SWFUpload的工作原理...

    Asp.Net使用HttpWebRequest跨域上传

    在Asp.Net开发中,有时候我们需要处理来自不同源(跨域)的数据请求,尤其是在涉及到文件上传或大量数据传输时。跨域上传是Web应用程序中一个常见的需求,它允许用户从一个域名下的页面向另一个域名提交数据。在本...

Global site tag (gtag.js) - Google Analytics