小编Rad*_*dex的帖子

仅当文件上传完成时才触发XMLHttpRequest事件onProgress

我有以下AJAX代码,脚本将文件正确上传到服务器(节点表示)。我面临的问题是,仅在下载总字节时(因此在文件上传结束时)才触发onProgress,而不是在进度期间才触发。

目前,我无法在客户端中显示一些用于文件上传进度的UI。

我想知道此问题与AJAX调用有关还是与服务器有关。

           var formData = new FormData();
            var xhr = new XMLHttpRequest();

            var onProgress = function (e) {
                if (e.lengthComputable) {
                    var percentComplete = (e.loaded / e.total) * 100;
                    console.log(percentComplete);
                }
            };

            var onLoad = function (event) {
                var reponse = JSON.parse(xhr.responseText);
                this._logicAddWdg(reponse);
            }.bind(this);

            var onError = function (err) {
                console.log(onError);
            };

            formData.append('file', this._uploaderFile);
            xhr.addEventListener('error', onError, false);
            xhr.addEventListener('progress', onProgress, false);
            xhr.addEventListener('load', onLoad, false);
            xhr.open('post', '/uploads', true);
            xhr.send(formData);
Run Code Online (Sandbox Code Playgroud)

服务器头响应:

Accept-Ranges:bytes
Cache-Control:public, max-age=0
Connection:keep-alive
Content-Length:5510872
Content-Range:bytes 0-5510871/5510872
Content-Type:video/mp4
Date:Tue, 11 Apr …
Run Code Online (Sandbox Code Playgroud)

javascript ajax jquery xmlhttprequest node.js

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

如何链接js函数?

让我们想象一下我有一个数字,我想执行一些算术运算示例。

x.add(3).subtract(2).print() // result 1
Run Code Online (Sandbox Code Playgroud)

或者

0.add(3).subtract(2).print() // result 1 (I have no code for this)
Run Code Online (Sandbox Code Playgroud)

目前我正在尝试以下代码。我想知道是否有更好更简洁的方法来达到相同的结果,

谢谢

x.add(3).subtract(2).print() // result 1
Run Code Online (Sandbox Code Playgroud)

javascript ecmascript-6

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

解构对象 - 如何以更简洁的方式重写

我想知道是否有可能简化此代码并将其写入一行(我甚至可以使用ES6-7)

const { dimensions } = this.state
const { height} = dimensions
console.log(height)
Run Code Online (Sandbox Code Playgroud)

javascript typescript

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

如何根据键/值将对象转换为数组?

我有一个属性很少的对象是真/假,我需要返回一个只有属性名为true的数组.

我已经尝试过Object.entries但不知道如何创建一个数组.

const inputs = {
  a: true,
  b: true,
  c: false
}


// result should be ['a','b']

// i have tried so far this one with no success
// const result = Object.entries(inputs).map((x, idx) => console.log(x))
Run Code Online (Sandbox Code Playgroud)

javascript

0
推荐指数
1
解决办法
36
查看次数

在 Bash 中如何调用 {1..100}?

我知道这{1..100}会创建数字 1 到 100 的序列。我想知道这个两点语法是如何调用的?它是“seq”的快捷方式吗?还有别的事吗?您能否提供文档链接?

for i in {1..100}
do
 echo $i
done
Run Code Online (Sandbox Code Playgroud)

bash shell brace-expansion

0
推荐指数
1
解决办法
1998
查看次数

C 信号:分段错误(核心已转储)

我正在学习C,我遇到了这个错误。为什么我不能将指针传递给函数 as change(&p_x);and onlychange(&x);有效?谢谢

#include <stdio.h>

void change(int *p_xa) // GET ERROR HERE signal: segmentation fault (core dumped)
{
    *p_xa = 999;
}
    
int main()
{
    int x = 1;
    int * p_x = &x;

    *p_x = 2;

    change(&p_x); // cannot do this

    printf("x is: %d \n", *p_x);

    return 0;
}
Run Code Online (Sandbox Code Playgroud)

c

0
推荐指数
1
解决办法
244
查看次数

无法将光标指针应用于容器div

我需要cursor:pointer;在包装器div id = a上使用,但是当用户将光标移动到A或B上时,光标将设置为默认值.

我需要强制cursor:pointer;包装div内的所有元素,所以A和B.

我试过使用z-index但没有成功.

有什么工作吗?(如果可能,我需要一个CSS解决方案)非常感谢.

<div id="a" style="width:200px; height:200px; background-color:yellow; cursor:pointer; z-index: 100;">
A
  <div id="b" style="width:50px; height:50px; background-color:blue; cursor:auto;">
    B
  </div>
  <div id="c" style="width:50px; height:50px; background-color:orange; cursor:auto;">
    C
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery css3

-1
推荐指数
1
解决办法
220
查看次数