小编kat*_*son的帖子

CSS3动画在IE11中不起作用,但在其他浏览器中起作用

我在一个按钮上创建了一个CSS3动画.目前,除了IE之外,它在任何地方都能完美运行.我知道它在旧的IE版本中不会运行良好,但我至少期待它在IE11中运行.

我创造了一个小提琴来演示小提琴

我打电话给动画:before,:after就像这样

animation: 1000ms ease 0s normal none infinite running pulse-long;
Run Code Online (Sandbox Code Playgroud)

如果您在Firefox或Chrome中打开小提琴,您应该会看到按钮上的动画正常工作.如果你在IE11中打开它,它只是一个静态点.我已经上网并尝试了一些方法,例如将动画帧移动到CSS文件的顶部,但它仍然无效.

有没有办法让这个动画在IE11中运行?

css animation css3 css-animations internet-explorer-11

12
推荐指数
1
解决办法
2万
查看次数

如何在PHP中发出SOAP请求

我试图在PHP中发出SOAP请求.我有我的服务URL,当我在SOAP UI中检查它时,我可以看到以下内容

<application xmlns="http://somenamespace.com">
   <doc xml:lang="en" title="https://someurl.com"/>
   <resources base="https://someurl.com">
      <resource path="sdk/user/session/logon/" id="Logon">
         <doc xml:lang="en" title="Logon"/>
         <param name="ApiKey" type="xs:string" required="false" default="" style="query" xmlns:xs="http://www.w3.org/2001/XMLSchema"/>
         <param name="ApiSecret" type="xs:string" required="false" default="" style="query" xmlns:xs="http://www.w3.org/2001/XMLSchema"/>
         <method name="POST" id="Logon">
            <doc xml:lang="en" title="Logon"/>
            <request>
               <param name="method" type="xs:string" required="true" default="" style="query" xmlns:xs="http://www.w3.org/2001/XMLSchema"/>
               <representation mediaType="application/json"/>
               <representation mediaType="application/xml"/>
               <representation mediaType="text/xml"/>
               <representation mediaType="application/x-www-form-urlencoded"/>
            </request>
            <response status="404 500">
               <representation mediaType="text/html; charset=utf-8" element="html"/>
            </response>
            <response status="">
               <representation mediaType="application/json"/>
               <representation mediaType="application/xml"/>
               <representation mediaType="text/xml"/>
               <representation mediaType="application/x-www-form-urlencoded"/>
            </response>
            <response status="500">
               <representation mediaType="application/vnd.marg.bcsocial.result-v1.9+json; charset=utf-8" element="log:Fault" xmlns:log="https://someurl.com/sdk/user/session/logon"/>
               <representation mediaType="application/vnd.marg.bcsocial.result-v1.9+xml; …
Run Code Online (Sandbox Code Playgroud)

php soap soap-client

10
推荐指数
3
解决办法
657
查看次数

PHP base64编码pdf文件

我正在使用API​​,我可以将文档发送到dropbox之类的东西.根据文档,发送的文件需要是BASE64编码数据.

因此,我正在尝试这样的事情

$b64Doc = chunk_split(base64_encode($this->pdfdoc));
Run Code Online (Sandbox Code Playgroud)

$this->pdfdoc我的PDF文档的路径在哪里.

目前,文件正在发送但似乎无效(不显示任何内容).

我是否正确地将PDF转换为BASE64编码数据?

谢谢

php base64

8
推荐指数
2
解决办法
3万
查看次数

IFrame安全性和CORS

我有一个通用的问题,我试图获得一些信息.

我有一台服务器,在这台服务器上我有一个提交API的webform.

第三方公司有一台服务器,他们需要托管我的表格.因此,他们将我的表格IFrame放入他们的页面.

第三方公司是否有可能获得输入iframe中包含的表单的数据?他们的Apache日志会记录数据吗?他们可以在服务器上做些什么来帮助他们获取数据吗?

我的服务器是安全的,它不会允许CORS或任何此类.问题是他们是否可以做任何事情来获取输入的数据?

security iframe cors

7
推荐指数
1
解决办法
8632
查看次数

具有独特模型的表头中的多个选择输入

我正在从采用以下格式的后端接收数据

[ 
    [ 
        [ "123", "21/11/2013", "Data", "Data" ], 
        [ "234", "22/11/2013", "Data", "Data" ], 
        [ "345", "12/09/2018", "Data", "Data" ], 
    ], 
    [ 
        [ "123", "Data", "Data", "Data", "Data", "Data", "Data", "Data", "Data", "Data", "Data" ], 
        [ "234", "Data", "Data", "Data", "Data", "Data", "Data", "Data", "Data", "Data", "Data" ], 
        [ "345", "Data", "Data", "Data", "Data", "Data", "Data", "Data", "Data", "Data", "Data" ] 
    ] 
]
Run Code Online (Sandbox Code Playgroud)

每个 fileData 代表一个表,因此在上面的示例中它应该生成两个表。里面的数据包含一个表格行,所以上面的每个表格都有两行。为了实现这一点,我正在做类似以下的事情。

<table class="table" v-for="(file, index) in fileData" :key="index">
    <tbody>
        <tr v-for="(row, index2) in file":key="index2"> …
Run Code Online (Sandbox Code Playgroud)

vue.js

7
推荐指数
1
解决办法
559
查看次数

HTML 文件上传 - 为什么使用 IFrame

我一直在尝试让文件上传在 IE8 中工作。我见过的唯一解决方案是发布到 IFrame。为什么要这样做?是否不可能有一个简单的形式,例如

<form action="test.php" method="post" enctype="multipart/form-data">
    Select image to upload:
    <input type="file" name="fileToUpload" id="fileToUpload">
    <input type="submit" value="Upload Image" name="submit">
</form>
Run Code Online (Sandbox Code Playgroud)

直接提交给PHP

if(isset($_POST["submit"])) {
    $check = getimagesize($_FILES["fileToUpload"]["tmp_name"]);
    if($check !== false) {
        echo "File is an image - " . $check["mime"] . ".";
        $uploadOk = 1;
    } else {
        echo "File is not an image.";
        $uploadOk = 0;
    }
}
Run Code Online (Sandbox Code Playgroud)

为什么需要 IFrame?

谢谢

html javascript php iframe

6
推荐指数
2
解决办法
1万
查看次数

执行突变后 React-Query 更新缓存

我已经有点迷失了react-query。本质上,我有一个useQuery从数据库中获取用户。他们的详细信息将添加到表单中,他们可以更新和提交。

我遇到的问题是更新是对不同的数据库完成的。稍后将批量更新主数据库。因此,我不需要重新获取初始数据,而是需要使用它setQueryData来更新缓存版本。

queryClient = useQueryClient()

const { mutate } = useMutation(postUser, {
    onSuccess: async (response) => {
        console.log(response)

        queryClient.cancelQueries('user');
        const previousUser = queryClient.getQueryData('user');
        console.log(previousUser)
        queryClient.setQueryData('user', {
            ...previousUser,
            data: [
              previousUser.data,
              { '@status': 'true' },
            ],
          })
        return () => queryClient.setQueryData('user', previousUser)
    }
})
Run Code Online (Sandbox Code Playgroud)

目前我有类似上面的东西。因此它调用 postUser 并获得响应。响应看起来像这样

data:
    data:
        user_uid: "12345"
        status: "true"
        message: "User added."
        status: 1
    
Run Code Online (Sandbox Code Playgroud)

然后我getQueryData为了获取数据的缓存版本,目前看起来像这样

data:
    @userUuid: "12345"
    @status: ""
message: "User found."
status: 1
Run Code Online (Sandbox Code Playgroud)

所以我需要将缓存版本@status更新为true。根据我上面的内容,似乎在缓存中添加了一个新行

data: Array(2)
    0: …
Run Code Online (Sandbox Code Playgroud)

reactjs react-query

6
推荐指数
1
解决办法
2万
查看次数

定义何时触发onclick

我有点问题.我有一个表单,我在系统中映射表单的字段.表格的按钮会自动发出这样的onclick事件

window.location='http://www.something.com/test.html?vs=ZWJhMDAzMzktMTNkYi00ODRkLTgxYmQtNjQwYTU5MDIyZWE3OzA6ODc5NjY2NzoxMjg2NzUyNDM3NDI6OTAxNzM0MzA1OjkwMTczNDMwNTsS1'
Run Code Online (Sandbox Code Playgroud)

它添加了一个需要的vs变量.问题是我需要表单有一个输入类型按钮,而不是提交.我正在使用JQuery验证,我有这个来触发表单提交

$("#btn-default2").click(function() {
        $("#myform").submit();
    });
Run Code Online (Sandbox Code Playgroud)

现在问题是,由于onclick事件,验证会快速触发,然后onclick事件会重定向.如果表单有效,我只想要这个重定向.有没有办法停止事件onclick,并将其移动到我的功能,我检查表单是否有效?

谢谢

forms validation jquery jquery-validate

5
推荐指数
1
解决办法
61
查看次数

jQuery验证文件上传

我一直试图从ajax到php获取文件,但没有成功。所以我正在使用JQuery Validate

我有一个带有多个输入(名称,电子邮件等)的表单,一个输入是文件类型。我执行了所有验证,甚至对文件也进行了验证,所有验证都运行顺利。然后,我来到SubmitHandler函数。据我了解,过去通过ajax发送文件有时会出现问题,但现在可以实现。所以我在努力

submitHandler: function (form) {
    var $form    = form,
        formData = new FormData(),
        params   = $form.serializeArray(),
        files    = $form.find('[name="fileOne"]')[0].files;

    $.each(files, function(i, file) {
        formData.append('uploadedFiles-' + i, file);
    });

    $.each(params, function(i, val) {
        formData.append(val.name, val.value);
    });

    $.ajax({
        type: "POST",
        url: "php/process.php",
        dataType: "json",
        data: formData
    }).done(function (response) {
        if (!response.success) {
            alert("Failed");
            console.log(response.errors);
        }
        else {
            alert("Worked");
        }
    });
    return false;
}
Run Code Online (Sandbox Code Playgroud)

所以我希望可以得到我的文件(fileOne)并将其附加到表单数据中。但是,在PHP中,我现在只是这样做

try {
    if(isset($_FILES['fileOne'])){
        var_dump("IN");
    }
    else {
        var_dump("NO FILE");
    }

} catch (RuntimeException $e) { …
Run Code Online (Sandbox Code Playgroud)

validation ajax jquery

4
推荐指数
1
解决办法
5143
查看次数

JQuery Swiper滑动高度

我正在使用JQuery Swiper.我基本上有一个部分,我将高度设置为视口高度.

#portfolio {
  height: 100vh;
}
Run Code Online (Sandbox Code Playgroud)

在这一节中,我有一个左侧和一个右侧,我设置为100%

#portfolio-left {
    background: #6bbea5 none repeat scroll 0 0;
    height: 100%;
}

#portfolio-right {
    height: 100%;
    padding: 0;
}
Run Code Online (Sandbox Code Playgroud)

#portfolio-left将只保留一个小文本,同时#portfolio-right将保持我的滑块.

所以我添加了我的滑块容器,以及我想要添加到滑块的内容.我然后设置它

$(function() {

     var swiperH = new Swiper('.swiper-container-h', {
        pagination: '.swiper-pagination-h',
        paginationClickable: true
    });
    var swiperV = new Swiper('.swiper-container-v', {
        pagination: '.swiper-pagination-v',
        paginationClickable: true,
        direction: 'vertical',
        freeMode: true,
        autoHeight: true,
        grabCursor: true
    });
});
Run Code Online (Sandbox Code Playgroud)

它最终将是双向的,因此我有垂直和水平的原因.我已经垂直添加了两张幻灯片来演示我的问题.从本质上讲,第一张幻灯片有很多内容,并没有给出动态高度.我认为这与在投资组合中给予100%高度有关,但不太确定.我已经设置了一个JSFiddle来演示.

如何让幻灯片具有自动高度,同时整个部分为100vh?

这是我所追求的一个例子 例

非常感谢

css jquery jquery-plugins swiper

4
推荐指数
1
解决办法
6287
查看次数