javascript - 编码 url 并在 iframe 中显示

Question

我需要在我自己的页面的 iframe 中显示一些 url...所以我写:

Route::get('/preview/{url}', 'ArticlesController@preview');

我的 Controller 函数:

public function preview($url) {

        $url = urlencode($url);
            return view('pages.preview', compact('url'));


    }

并关闭我的 Blade 预览页面(javascript):

function preview(){
    function autoResize(id){
    var newheight;
    var newwidth;

    if(document.getElementById){
        newheight = document.getElementById(id).contentWindow.document .body.scrollHeight;
        newwidth = document.getElementById(id).contentWindow.document .body.scrollWidth;
    }

    document.getElementById(id).height = (newheight) + "px";
    document.getElementById(id).width = (newwidth) + "px";
};

    var content = '<iframe id="iframe2" src="{{$url}}" style="border:0px #FFFFFF none; position: relative;left: 0px;width: 100%; height:100%; top: 0;" name="myiFrame1" scrolling="yes" frameborder="0" marginheight="0px" marginwidth="0px" height="100%" width="100%" onLoad="autoResize(iframe1);"></iframe>';

var newNode = document.createElement("DIV");  
newNode.innerHTML = content;
document.body.appendChild(newNode); 


};

preview();

现在当我尝试类似的东西时:

http://localhost:8888/preview/http%3A%2F%2Fwww.dubaimajestic.com%2F

或

http://localhost:8888/preview/http://www.dubaimajestic.com

我得到:

未找到请求的资源/preview/http%3A%2F%2Fwww.dubaimajestic.com%2F 在此服务器上未找到。

如何让它发挥作用？有什么想法吗？

Answer 1

这是因为 http://www.dubaimajestic.com 中有斜杠，这在 laravel 路由器上无法正常工作。

您可以使用 Regular Expression Constraints像这样覆盖这种行为:

Route::get('preview/{url}', 'ArticlesController@preview')->where('url', '(.*)');

这应该有效:

public function preview($url) {
    dd($url);
}

但是我会切换到不同的方式，因为在我看来它更干净一些:

Route::get('preview', 'ArticlesController@preview');

将您的网址格式化为:

http://localhost:8888/preview?url=http://www.dubaimajestic.com

您可以在您的 Controller 中这样阅读:

public function preview(Request $request) {
    dd($request->input('url'));
}