如何配置经典ASP以multipart/form-data跨服务器传输JPG文件及解决CORS问题

一、ASP端实现文件转发 #

经典ASP没有原生的multipart请求构造工具，需要手动组装请求体，用MSXML2.ServerXMLHTTP完成发送。直接上可运行的代码：

<%
' 替换成目标服务器的接收接口地址
targetUrl = "https://xxx.xxx.com/upload"
' 服务器端JPG的物理路径（用Server.MapPath转换相对路径）
localJpgPath = Server.MapPath("/assets/sample.jpg")

' 生成随机边界符，避免和文件内容冲突
boundary = "----FormBoundary" & Replace(Mid(CreateObject("Scriptlet.TypeLib").GUID, 2, 36), "-", "")

' 读取本地JPG的二进制内容
Set fileStream = Server.CreateObject("ADODB.Stream")
fileStream.Type = 1 ' 二进制模式
fileStream.Open
fileStream.LoadFromFile localJpgPath
jpgBinary = fileStream.Read()
fileStream.Close
Set fileStream = Nothing

' 组装multipart请求体
Set reqStream = Server.CreateObject("ADODB.Stream")
reqStream.Type = 1
reqStream.Open

' 写入表单文件字段的头部信息
formHeader = "--" & boundary & vbCrLf & _
             "Content-Disposition: form-data; name=""uploadFile""; filename=""sample.jpg""" & vbCrLf & _
             "Content-Type: image/jpeg" & vbCrLf & vbCrLf
' 把字符串转成二进制写入流
reqStream.Write StringToBin(formHeader)
' 写入JPG二进制内容
reqStream.Write jpgBinary
' 写入请求结束边界
reqStream.Write StringToBin(vbCrLf & "--" & boundary & "--" & vbCrLf)

' 发送POST请求
Set xmlHttp = Server.CreateObject("MSXML2.ServerXMLHTTP.6.0")
xmlHttp.Open "POST", targetUrl, False
xmlHttp.SetRequestHeader "Content-Type", "multipart/form-data; boundary=" & boundary
' 若目标服务器需要鉴权，在这里添加Header，比如：
' xmlHttp.SetRequestHeader "Authorization", "Token xxxxxx"
reqStream.Position = 0
xmlHttp.Send reqStream

' 输出目标服务器的响应
Response.Write "转发结果：" & xmlHttp.ResponseText

' 清理对象
Set xmlHttp = Nothing
Set reqStream = Nothing

' 字符串转二进制的工具函数
Function StringToBin(str)
    Set stream = Server.CreateObject("ADODB.Stream")
    stream.Type = 2
    stream.Charset = "UTF-8"
    stream.Open
    stream.WriteText str
    stream.Position = 0
    stream.Type = 1
    StringToBin = stream.Read()
    stream.Close
    Set stream = Nothing
End Function
%>

关键注意点 #

• 确认服务器上MSXML2.ServerXMLHTTP.6.0组件可用，老服务器可尝试MSXML2.ServerXMLHTTP（6.0版本稳定性更好）。
• 本地JPG文件需给IIS进程用户（如IUSR）分配可读权限，否则会读取失败。
• 替换代码里的name="uploadFile"为目标服务器要求的字段名，filename可按需修改。

二、客户端CORS问题解决 #

你提到用iframe能发起请求但无法接收返回值，核心是浏览器同源策略限制，以下是三个可行方案：

方案1：用ASP做代理（最省心） #

直接让客户端请求你的ASP页面，由ASP完成文件转发，再把目标服务器的响应返回给客户端。这样客户端和ASP页面同源，完全绕开CORS问题，无需任何跨域配置。

方案2：让目标服务器配置CORS #

如果必须让客户端直接请求目标服务器，需要对方在响应头中添加以下配置：

Access-Control-Allow-Origin: 你的客户端域名（如https://your-client.com）
Access-Control-Allow-Methods: POST
Access-Control-Allow-Headers: Content-Type

若需要携带Cookie，还要添加Access-Control-Allow-Credentials: true，同时客户端请求需开启withCredentials: true。不过iframe跨域读取响应本身存在浏览器限制，这个方案不一定能解决返回值读取问题，优先选方案1。

方案3：用postMessage传递返回值 #

如果只能用iframe，需要目标服务器配合：处理完上传后，跳转到一个页面，在该页面中用postMessage把结果发给客户端父页面。

• 目标服务器的回调页面代码：

window.parent.postMessage({ code: 200, msg: "上传成功", data: "xxx" }, "https://你的客户端域名");

• 客户端页面监听消息：

window.addEventListener("message", function(e) {
    if (e.origin === "https://目标服务器域名") {
        console.log("拿到返回值：", e.data);
        // 这里处理业务逻辑
    }
});

这个方案需要对方配合修改，灵活性较差，仅适合无法调整自身代码的场景。

内容的提问来源于stack exchange，提问作者kkkikkki