那些遇到过的问题

小编whi*_*hoa的帖子

使用readAsDataURL()进行图像预览

jsFiddle URL:http://jsfiddle.net/Xotic750/AjtLx

一整天都在努力,我看不出这个问题.这可能是由于我对FileReader对象如何工作的狭隘理解,但我想要做的是使用readAsDataURL()来获取用户选择的图像并在表格中在屏幕上预览它们.一切都在减去......你猜对了......预览......好吧.我想我很接近,因为预览会起作用,但它只显示该组的最后一张图像.比如说,如果我上传了6张图片,那么第3行的第3行就会被破坏,第2行会破坏第2行,最后的第6张图片会显示预览....任何建议都非常感谢.此外,一旦这个工作,它可能会帮助其他人尝试做同样的事情,因为我已经搜索了所有这个问题的解决方案,我似乎无法挖掘任何东西....

function PreviewImages() {
    var inputID = document.getElementById('input_clone');
    var totalImages = inputID.files.length;
    var imagesPerRow = 3;
    var numRows = totalImages / imagesPerRow;
    var row = "";
    var cell = "";
    var element1 = "";
    var elementID = "";


    for(var i = 0; i < numRows; i++){ //create rows
        row = document.getElementById('image_preview_table').insertRow(i);
        for(var ii = 0; ii < imagesPerRow; ii++){ //create cells
            cell = row.insertCell(ii);
            elementID = "img_" + ii;
            element1 = document.createElement("img");
            element1.name = elementID; …
Run Code Online (Sandbox Code Playgroud)

javascript upload preview

whi*_*hoa
2013 05-08
9
推荐指数
2
解决办法
4万
查看次数

隐藏在内容背后的iOS 12中的自举模式Iframe

我在iOS 12的Safari的iframe中显示的Bootstrap 4.1模态出现问题，所有其他经过测试的浏览器均按预期运行（甚至在iOS 11上也使用Safari）。该问题似乎特定于iOS 12。

我创建了一个最小的示例来演示此问题。前两个按钮的功能似乎与预期的一样，但是后四个按钮可以看到此问题，向下移动时每个按钮的状况都会更糟，当您尝试滚动或聚焦于其中的某个元素时，最后一个按钮会一起消失模态（请参见以下屏幕截图）：

在此处输入图片说明 在此处输入图片说明 在此处输入图片说明

我将注意到，我们正在以某种非常规的方式处理此功能，因为与其让iframe的内容滚动，我们还通过message事件处理程序在父级和子级之间传递消息来调整iframe的内容高度和postMessage：https : //developer.mozilla.org/en-US/docs/Web/API/Window/postMessage 这是我怀疑某处发生错误的地方（但尚未能够对其进行跟踪（如前所述）仅在运行版本12的ios设备上是一个问题）。

编辑

最近发现，此问题不是iOS 12上的Safari特有的，而是chrome。

下面的代码来自先前的最小示例链接：

父级（/modal-test/index.html）：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Title</title>

    <link rel="stylesheet" href="./bootstrap.min.css">

    <script src="./jquery.min.js"></script>
    <script src="./popper.min.js"></script>
    <script src="./bootstrap.min.js"></script>

    <script>
        $(document).ready(function(){

            $ifCon = $("#ifCon");

            window.addEventListener("message", function(event){
                if(event.data.method === "returnWindowSize"){
                    $ifCon.height(event.data.content);
                }
            }, false);

        });
    </script>

    <style>

        #ifCon {
            display: flex;
            width: 100%;
            height: 100%;
            flex-direction: column;
            background-color: #F2F2F2;
            overflow: hidden;
            border-radius:10px;
            border:1px solid grey;
            margin-left:auto; …
Run Code Online (Sandbox Code Playgroud)

html javascript css bootstrap-4 ios12

whi*_*hoa
2019 08-25
7
推荐指数
1
解决办法
505
查看次数

Laravel在url字符串中更改get参数并返回

我正在使用搜索过滤器的get参数,并且需要能够更改查询字符串变量的值并返回修改后的url(作为字符串变量,没有任何花哨,没有重定向或任何东西).这就是我到目前为止所发生的事情:

public function index(Request $request){

    echo $request->fullUrl();
    // outputs https://test.com/search?type=somestring

    $request->merge(['type' => 'anotherstring']);

    echo $request->fullUrl();
    // still outputs https://test.com/search?type=somestring

    // is there a way to change a parameter value in the url and
    // return the modified url string?

}
Run Code Online (Sandbox Code Playgroud)

我认为如果情况变得更糟,我会手动解析字符串,但感觉就像有一种"laravel方式"来解决这个问题我碰巧丢失了？

php laravel laravel-5

whi*_*hoa
lucky-day
5
推荐指数
1
解决办法
3798
查看次数

Laravel在路线上徘徊

我希望这是一个简单的情况,我在文档中忽略了.我正在重构我们的Web应用程序以利用网址中的slugs.我们公司允许许多组织注册,每个组织都有自己的页面和子页面.我正在尝试完成以下内容:

Route::get('/{organization-slug}', 'OrganizationController@index');
Route::get('/{organization-slug}/{organization-subpage-slug}', 'OrganizationController@subpage');
Route::get('/', 'IndexController@index');
Route::get('/dashboard', 'DashboardController@index');
Run Code Online (Sandbox Code Playgroud)

但是,如何在不与其他路线冲突的情况下执行此操作？例如,如果我有'/{organization-slug}'这个也匹配任何根级别路由.因此,如果用户去/dashboard,他们将被路由到OrganizationController@index而不是DashboardController@index

laravel是否具有内置功能来处理这种情况？

编辑

回答一些答案,说明路线文件的顺序是需要修改的.我已经创建了一个新的laravel项目来测试它,并添加了以下路由/routes/web.php

Route::get('/{some_id}', function($some_id){
    echo $some_id;
});
Route::get('/{some_id}/{another_id}', function($some_id, $another_id){
    echo $some_id . ' - ' . $another_id;
});
Route::get('/hardcoded/subhard', function(){
    echo 'This is the value returned from hardcoded url with sub directory';
});
Route::get('/hardcoded', function(){
    echo 'This is the value returned from hardcoded url';
});
Run Code Online (Sandbox Code Playgroud)

该路线/hardcoded/subhard和/hardcoded永远不会到达.使用此订单时.但是,如果我们将静态路由移动到动态上方,如下所示:

Route::get('/hardcoded/subhard', function(){
    echo 'This is the value returned from hardcoded …
Run Code Online (Sandbox Code Playgroud)

php laravel laravel-5

whi*_*hoa
2017 09-20
5
推荐指数
1
解决办法
4902
查看次数

Laravel 连接数据库时超时

我正在将应用程序从我的开发计算机移动到测试服务器。当连接到我的本地开发 mysql 数据库时，一切都按预期进行。当尝试连接到我们的测试服务器时，请求在 45 秒后超时并返回 500 错误。

我测试了服务器可以通信，并且php可以使用基本的mysqli php功能获取结果，并且结果按预期返回：

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
} 

$sql = "SELECT * FROM users";
$result = $conn->query($sql);

if ($result->num_rows > 0) {
    // output data of each row
    while($row = $result->fetch_assoc()) {
        echo var_export($row, true);
    }
} else {
    echo "0 results";
}
$conn->close();
Run Code Online (Sandbox Code Playgroud)

Laravel 中以下情况均失败并达到超时限制：

$users = DB::table('users')->get();

$users = User::all();
Run Code Online (Sandbox Code Playgroud)

想法？有想法吗？意见？

php mysql laravel eloquent

whi*_*hoa
2017 02-18
3
推荐指数
1
解决办法
2万
查看次数

Laravel 5.5 | 除非使用 $request-&gt;flash()，否则 old() 为空

我遇到了一个奇怪的问题，辅助函数old()总是在刀片视图中返回 null，除非$request->flash()在加载视图之前使用。过去我在使用 laravel 时从来没有这样做过。有什么改变或者有什么我忘记设置/配置的东西。下面是一个简单的行为示例：

网页.php

Route::get('/test', function(){

  return view('testView');

});

Route::post('/test', function(Illuminate\Http\Request $request){

  $request->flash(); // if uncommented old() works, if commented old() does not work
  return view('testView');

});
Run Code Online (Sandbox Code Playgroud)

testView.blade.php 中的表单

<form action="/test" method="POST">

  {{csrf_field()}}

  <input type="hidden" name="test001" value="001"/>
  <input type="hidden" name="test002" value="002"/>

  <div class="">
    {{old('test001')}}
    <br/>
    {{old('test002')}}
  </div>

  <button type="submit">GO</button>
</form>
Run Code Online (Sandbox Code Playgroud)

表单提交后没有 $request->flash()

在此处输入图片说明

表单提交后 $request->flash()

在此处输入图片说明

编辑

认为这可能与对 post 和 get 方法使用单个路由名称有关，因此将表单更改为通过 get 提交，并且问题仍然存在。例如：

网页.php

Route::get('/test', function(function(Illuminate\Http\Request $request){

  return view('testView');

});
Run Code Online (Sandbox Code Playgroud)

testView.blade.php 中的表单

<form action="/test" method="GET">

  <input …
Run Code Online (Sandbox Code Playgroud)

laravel laravel-5.5

whi*_*hoa
2018 02-03
3
推荐指数
1
解决办法
2242
查看次数

条带元素和Bootstrap 4.1 CSS冲突

如标题所示，Bootstrap 4.1和Stripe的元素api之间似乎存在CSS冲突。我一直在努力寻找证实这一点和可能的解决方案的方法，但无济于事。

以下是重新创建此问题的源代码，以及一些生动的示例。有没有人看过/知道解决方案？

不包含bootstrap 4.1的小提琴

小提琴与bootstrap 4.1

<html>
<head>
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script src="https://js.stripe.com/v3/"></script>

    <!-- When below three lines are included, stripe elements are incorrectly rendered -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>


    <script>
        $(document).ready(function(){

            var stripe = Stripe($('#spk').val());
            var elements = stripe.elements();

            var style = {
                base: {
                    // Add your base input styles here. For example:
                    fontSize: '16px',
                    lineHeight: '24px'
                }
            };

            var card = elements.create('card', {style: style});
            card.mount('#card-element');
            card.addEventListener('change', function(event) {
                var displayError = document.getElementById('card-errors');
                if (event.error) …
Run Code Online (Sandbox Code Playgroud)

css twitter-bootstrap stripe-payments bootstrap-4

whi*_*hoa
lucky-day
3
推荐指数
1
解决办法
896
查看次数

std::optional 成员是否连续存储？

我想我对如何存储可选值有点困惑。在构造包含std::optional<T>成员的类或结构时，这些成员是连续存储在内存中还是动态分配可选？例如，下面的结构是一个连续的内存块吗？

struct Material
    {
        std::string name;
        std::optional<size_t> albedo;
        std::optional<size_t> normal;
        std::optional<size_t> metalness;
        std::optional<size_t> roughness;
        std::optional<size_t> ao; // ambient occlusion
        bool hasAlphaChannel = false;
    };
Run Code Online (Sandbox Code Playgroud)

c++ std stdoptional

whi*_*hoa
lucky-day
3
推荐指数
1
解决办法
96
查看次数

fastcgi_finish_request() 未定义？

我在服务器上使用 php-fpm 设置了 nginx，并尝试使用 fastcgi_finish_request() 但收到消息： PHP Fatal error: Call to undefined function fastcgi_finish_request()?

在使用此功能之前，我需要在服务器上安装一些额外的东西吗？我一直在努力寻找解决方案，但显然还没有找到正确的关键字组合，或者对某些事情感到非常困惑？？？

php

whi*_*hoa
lucky-day
2
推荐指数
1
解决办法
7992
查看次数

使用video.js在iOS上内联播放视频？

我正在尝试使用video.js在所有平台上维护一致的视频皮肤。以下代码适用于ios上的Safari（尚未测试Safari的桌面版本）的所有内容（chrome，firefox，即android）。尝试播放视频ios时，它会跳到其默认视频播放器（快速时间？）。这是一个问题，因为我要从皮肤上删除视频控件，以便用户必须观看视频。有没有一种方法可以使用video.js或其他网络插件在所有平台上都具有一致的视频播放器UI，或者这对于ios是不可能的？

<html>

<head>
    <!--#include virtual="/assets/inc/headcontent.htm" -->


  <link href="http://vjs.zencdn.net/5.3.0/video-js.css" rel="stylesheet">

  <!-- If you'd like to support IE8 -->
  <script src="http://vjs.zencdn.net/ie8/1.1.0/videojs-ie8.min.js"></script>


</head>
<body>

    <div class="row">

        <div class="col-xs-12 col-md-10 col-lg-8">

            <div class="">
                <video id="the_video" class="video-js" controls preload="auto">
                    <source src="videos/english.mp4" type='video/mp4'>
                    <p class="vjs-no-js">
                        To view this video please enable JavaScript, and consider upgrading to a web browser that
                        <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
                    </p>
                </video>
            </div>

        </div>

    </div>


    <!--#include virtual="/assets/inc/footcontent.htm" --> 


  <script src="http://vjs.zencdn.net/5.3.0/video.js"></script>


  <script>

    var player = videojs("the_video", {}, function(){
      // Player (this) is …
Run Code Online (Sandbox Code Playgroud)

javascript safari html5-video ios video.js

whi*_*hoa
2015 12-09
2
推荐指数
1
解决办法
6781
查看次数

包含不是 std::map MSVC 的成员

当尝试在 Visual Studio 2017 中启用 c++ 20 功能std::map::contains()/std:c++latest时，编译器仍然无法找到 std::map 的 contains() 成员。这对于 MSVC 尚不可用还是我做错了什么？基本示例：

#include <iostream>
#include <map>

int main()
{
    std::map<int,char> example = {{1,'a'},{2,'b'}};

    if(example.contains(2)) {
        std::cout << "Found\n";
    } else {
        std::cout << "Not found\n";
    }
}
Run Code Online (Sandbox Code Playgroud)

结果是：

>main.cpp
1>c:\dev\random_cpp\random_cpp\main.cpp(11): error C2039: 'contains': is not a member of 'std::map<int,char,std::less<int>,std::allocator<std::pair<const _Kty,_Ty>>>'
1>        with
1>        [
1>            _Kty=int,
1>            _Ty=char
1>        ]
Run Code Online (Sandbox Code Playgroud)

c++ dictionary visual-c++

whi*_*hoa
lucky-day
1
推荐指数
1
解决办法
1582
查看次数

标签 统计

laravel ×4

php ×4

javascript ×3

bootstrap-4 ×2

c++ ×2

css ×2

laravel-5 ×2

dictionary ×1

eloquent ×1

html ×1

html5-video ×1

ios ×1

ios12 ×1

laravel-5.5 ×1

mysql ×1

preview ×1

safari ×1

std ×1

stdoptional ×1

stripe-payments ×1

twitter-bootstrap ×1

upload ×1

video.js ×1

visual-c++ ×1