将图像源传递给后面的 aspx 代码答案

【问题标题】：Passing image source to aspx code behind将图像源传递给后面的 aspx 代码
【发布时间】：2014-12-23 05:36:34
【问题描述】：

我正在尝试将 Adobe 的新 Aviary/Feather SDK 与现有的 aspx 网页一起使用。

这是 Feather 集成的 HTML。您会注意到我必须在 <% imgEvent.imageUrl %> 之前添加 https://test.mywebsite.com 。如果没有将网站网址附加到开头，Feather 将无法正常工作。

ASPX 页面

<div class="span12">
  <div id='injection_site'></div>
  <asp:Image ID="imgEvent" runat="server" />
  <p><input type='image' src='http://images.aviary.com/images/edit-photo.png' value='Edit photo' onclick="return launchEditor('imgEvent', 'https://test.mywebsite.com<%= imgEvent.ImageUrl.ToString()%>');" /></p>
</div>

这将导致以下结果 HTML 页面

<div class="span12">
  <div id='injection_site'></div>
   <img id="imgEvent" src="/image/get/webfile/80a556a0-c251-4fc5-b6e2-9061d8f90f18" />
   <p><input type='image' src='http://images.aviary.com/images/edit-photo.png' value='Edit photo' onclick="return launchEditor('imgEvent', 'https://test.mywebsite.com/image/get/webfile/80a556a0-c251-4fc5-b6e2-9061d8f90f18');" /></p>
</div>

问题似乎是，一旦使用了 Feather 并且图像已经受到预期效果的影响，Html 就会像这样更新

<img id="imgEvent" src="http://featherfiles.aviary.com/2014-10-27/1d6ab55fcc2ecaf5/f304c34d77bc446aa5fb6278dcbea5da.png">

这是因为我假设该文件暂时存储在他们的网站上以供预览。我将如何使用 ASPX 代码隐藏方法下载此文件？

如果我这样做Me.imgEvent.ImageUrl，它将给我与 page_load 上的 img 关联的 url。 (Me.imgEvent.imageUrl = "/image/get/webfile/80a556a0-c251-4fc5-b6e2-9061d8f90f18")

有没有办法将新的 img src 参数传递给后面的代码？

【问题讨论】：

标签： asp.net image upload aviary

【解决方案1】：

您可以使用新的 url 作为参数对您的服务器进行 ajax 调用。例如，使用 jQuery 库，并假设您有一个带有 POST 处理程序的 aspx 页面，您可以执行以下操作：

function onSave(id, url) {
  $.post( "saveImage.aspx", { newUrl: url });
}

【讨论】：