小编Nan*_*ane的帖子

对于缓冲区数据,httpUploadProgress 没有按预期工作?

我是 node js/express 的新手。我正在尝试使用 cloudfront 和 s3 存储桶制作多个图像上传应用程序。我想为我使用 socket io 的用户显示进度条。照片上传进度将在循环中。但是问题是当照片上传开始时它总是显示 100% 完成而不是从一开始。不要认为上传完成了它不是,我的文件是 20MB。我不知道发生了什么我错过了什么

这是我的代码

app.post('/posttodb',(req,res) => {

   let isLoggedIn = req.cookies['check'];
   let token = req.cookies['peace'];
    const bucketName = 'awsBucketName';
    console.log(isLoggedIn);
    if(isLoggedIn == "true"){
        if(token){
            jwt.verify(token,JWTPASS,(err,decode) => {

                if(err){
                    console.log(err)
                    res.json({error:true})
                }else{
                    console.log('========================>',decode)

                   let postOwneranme = decode.user.username;
                    let postTags = req.body.data.postTags;
                    let photosBlob = req.body.data.photos;
                    let postId = req.body.data.postId;
                    let nepostAwsPhots = [];
                    let OwnerPic = decode.user.propic;
                    let postOwnerFullName = decode.user.name;
                    let isMature = req.body.data.isMature;
                    let postThumbUrl = req.body.data.thumnailUrl;
                    let …
Run Code Online (Sandbox Code Playgroud)

javascript foreach amazon-s3 node.js express

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

ffmpeg concat demuxer 在加入视频时冻结我的视频帧

我正在尝试使用此命令连接 6 个具有相同分辨率和相同编解码器的 WebM 视频文件,ffmpeg -f concat -i mylist.txt -c copy finalvideo.webm但生成的视频冻结了某些部分,正是每个部分连接的位置,是的,我正在使用最新的 ffmpeg

结果视频音频频谱您很容易看到视频音频冻结

https://i.stack.imgur.com/SX6WT.gif

我的列表.txt

file '1.webm'
file '2.webm'
file '3.webm'
file '4.webm'
file '5.webm'
file '6.webm'
Run Code Online (Sandbox Code Playgroud)

我的日志

https://pastebin.com/Rzqr6w3b

video ffmpeg concatenation codec

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

如何在javascript中向前或向后查找用户选择天气?

我是javascript的新手.我正在尝试做一个简单的切换div用户选择方向生病放置切换div.经过一些谷歌搜索我发现一个工作小提琴但不如预期看到下面的截图,看看差异

当我在段落的前面选择一些文字它工作正常像这样

在此输入图像描述

但是,当我从底部段落中选择一些文本时,它没有按预期工作 在此输入图像描述

的jsfiddle

其实我在React版本工作Fiddle在Jquery

这是我的代码

    import React from 'react'
import {render} from 'react-dom';

export default class App extends  React.Component{
    constructor(props){
        super(props);
        this.state = {
            display:'none'  ,
            top:'',
            bottom:'',
            left:'',
            right:'',
            diplayForDown:'none'

        };
        this.handleOnMouseDown = this.handleOnMouseDown.bind(this)
        this.onMounseUp = this.onMounseUp.bind(this)
        this.onMouseDwn = this.onMouseDwn.bind(this)
        this.triggerAlltime = this.triggerAlltime.bind(this)
    }

    handleOnMouseDown(){
        let sel = window.getSelection && window.getSelection();

        let r = sel.getRangeAt(0).getBoundingClientRect();
        let relative=document.body.parentNode.getBoundingClientRect();
        console.log('Relative ',relative);

    if(!sel.isCollapsed){

        console.log(sel,r);
        let display = 'block';

        let top = (r.bottom - relative.top - 80)+'px';
        let bottom = r.bottom+'px';
        let …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery reactjs

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

回调在ajax请求中不起作用?

我正在尝试使用草稿js构建contentEditor.这个功能正是从Facebook这样的网址中提取数据.但我坚持这部分.回调无效.

首先,我包裹着我的状态,compositeDecorator像这样

constructor(props) {
    super(props);
    const compositeDecorator = new CompositeDecorator([
        .... {
            strategy: linkStrategy,
            component: decorateComponentWithProps(linkComp, {
                passit
            })
        }
        ....
    ]);
}
// This is my strategy
function linkStrategy(contentBlock, callback, contentState) {
    findLinkInText(LINK_REGEX, contentBlock, callback)
}

function findLinkInText(regex, contentBlock, callback) {
    const text = contentBlock.getText();
    let matchArr, start;
    if ((matchArr = regex.exec(text)) !== null) {
        start = matchArr.index;
        let URL = matchArr[0];
        console.log(URL);
        axios.post('/url', {
            url: URL
        }).then(response => {
            passit = response.data
            //not working
            callback(start, start …
Run Code Online (Sandbox Code Playgroud)

javascript ajax reactjs draftjs axios

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

如何避免客户端使用redux重新提取react-apollo SSR?

我是使用react-appollo的graphql新手我想使用react apollo和redux以及服务器端渲染每件事都很好我的应用程序正在运行但问题是当我的应用程序呈现时它实际上是再次召回api它不使用我的呈现状态..

在此输入图像描述

服务器.js

import express from 'express';
import bodyParser from 'body-parser';

import path from 'path';
import expressGraphQL from 'express-graphql';
import schema from './GraphQL/Schema';
import React from 'react';
import ReactDOMServer from 'react-dom/server'
import { StaticRouter } from 'react-router';
import { ApolloClient, createNetworkInterface, ApolloProvider } from 'react-apollo';
import { getDataFromTree } from "react-apollo"
import store from '../client/Redux/Store/store';

import {serverClient} from './lib/apollo'

require('es6-promise').polyfill();
require('isomorphic-fetch');

import WApp from '../client/App';

//Dev HMR
import HMR from './serverUtils/HMR';

const app = express();
app.use(bodyParser.json());

app.use('/api', expressGraphQL({
    schema,
    graphiql: …
Run Code Online (Sandbox Code Playgroud)

node.js reactjs graphql redux react-apollo

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

How to concat chunks of incoming binary into video (webm) file node js?

I am trying to upload chunks of base64 to node js server and save those chunks into one file

let chunks = [];

app.post('/api', (req, res) => {
    let {blob} = req.body;
    //converting chunks of base64 to buffer
    chunks.push(Buffer.from(blob, 'base64'));
    res.json({gotit:true})

});

app.post('/finish', (req, res) => {
    let buf = Buffer.concat(chunks);
    fs.writeFile('finalvideo.webm', buf, (err) => {
        console.log('Ahh....', err)
    });
    console.log('SAVED')
    res.json({save:true})
});
Run Code Online (Sandbox Code Playgroud)

Problem with the above code is video is not playable I don't why Am I really doing something …

buffer fs node.js arraybuffer getusermedia

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

How to do server side rendering in react despite all react router version conflicts?

I am trying to server-side rendering with react and react-router-dom I've done this before but with the new version, it is throwing me an error You should not use Switch outside a Router I think it is a version conflict but is there a solution (react-router-config - You should not use outside a (it is inside a Router!)).

server.js

import express from 'express';
import React from 'react';
import ReactDOMServer from 'react-dom/server';
import App from '../client/src/AppRoutes';
import { StaticRouter …
Run Code Online (Sandbox Code Playgroud)

javascript node.js reactjs react-router

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

如何唯一标识邮件回复?

我正在构建一个票务系统,用户可以在其中提出支持票证,代理可以回复特定票证,当代理回复特定票证时,我会将回复发送到相应的用户电子邮件(使用 SendGrid 的电子邮件服务)。

我的问题是,当用户回复代理电子邮件时,我将使用 SendGrid 入站解析器获取该电子邮件,但我无法唯一地识别哪个工单用户已回复。我有两个想法附加JWT在标题或唯一的电子邮件地址中,类似于票证 ID ( ticket-id-2654654@example.com),但我不知道什么会起作用

email sendgrid

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

哪个是不可变的js中最好的.toJS()和.toJSON()?

我是React + Redux + Immutable js的新手,我使用toJS()将我的不可变数据结构转换为原生javascript格式.但最近我用这条推文恍恍惚惚

Immutable.Js的作者

Tweet说.toJS()非常昂贵所以我可以使用toJSON() https://facebook.github.io/immutable-js/docs/#/List/toJSON是否可以使用perf问题

UPDATE

const initialState = fromJS({
   postArr:[]
});

    const mapStateToProps = (state) => {
        return{
            posts:state.allPosts.toJS()
        }
    };
Run Code Online (Sandbox Code Playgroud)

请用我自己的Reducer提供一些示例

如何在this.props.posts不使用to.js()的情况下进行迭代

javascript reactjs immutable.js redux

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

如何渲染NotFound组件react-router-config

我是新的反应我想用反应路由器4实现服务器端渲染我正在使用这个包react-router-config来编写普通路由但我不知道为什么没有找到组件不渲染它总是访问父节点路由和在父路由中,如果用户未经过身份验证,则会重定向.未找到但未按预期呈现

在此输入图像描述

import Home from './containers/Home';
import PrivateLayout from './containers/PrivateLayout';
import NewTest from './containers/NewTest'
import TestBoard from './containers/TestBoard';
import Profile from './containers/Profile';
import NotFound from './containers/NotFound';
import PublicLayout from './containers/PublicLayout';
export default [
    {
        ...Home,
        path:'/',
        exact:true
    },
    {
        ...PublicLayout,
        routes:[
            {
                ...Profile,
                path:'/@:username',
                exact:true
            },
            {
                ...PrivateLayout,
                routes:[
                    {
                        ...TestBoard,
                        path:'/home',
                        exact:true

                    },
                    {
                        ...NewTest,
                        path:'/test/:username',
                        exact:true
                    }
                ]
            },


        ]
    },
    {
        ...NotFound,
    },
]
Run Code Online (Sandbox Code Playgroud)

index.js

import 'babel-polyfill';
import React from 'react';
import ReactDOM from 'react-dom';
import Routes …
Run Code Online (Sandbox Code Playgroud)

reactjs react-router

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