在我的MVC3应用程序中构建一个指向Google API的动态二维码/网址

Question

我的新MVC3 web应用程序允许用户存储自己的一些信息，我们希望能够将这些信息显示在二维码中(给其他用户，或者让用户复制并成为他们自己的信息)。在这个阶段，我们只想让二维码指向我们网站上用户的个人资料页面。Google API似乎很适合这一点，在查看之后，我能够将一些简单的数据放入IMG中以显示在页面上。

如下所示：

<div class="display-label">QRCode</div>
<div class="display-field">
    @Html.DisplayFor(model => model.QRCode) 
    <img src="http://chart.apis.google.com/chart?cht=qr&chs=100x100&chl=" alt="Your QR Code" />
</div>

到目前为止，一切都很好。然而，问题的动态部分是，我们将用户的配置文件URL存储在"QRCode“字段中(仅出于这些目的)。我一直在尝试将model.QRcode中的值(即URL)引入IMG src值中，但失败了。

因此，如果model.QRCode中的值是(例如)：http://mysite.com/profiles/UserId=101，那么我想构建页面，使IMG是这样的：

    <img src="http://chart.apis.google.com/chart?cht=qr&chs=100x100&chl=http://mysite.com/profiles/UserId=101" alt="Your QR Code" />

我已经尝试了HTML编码，各种括号，并四处寻找帮助，但不确定如何动态构建IMG src的这一部分。谁有什么好主意？

Answer 1

如果您使用的是服务器端语言，如PHP，则可以编写

echo "<img src=\"http://chart.apis.google.com/chart?cht=qr&chs=100x100&chl=" . $userURL . "\" />";