我是 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) 我正在尝试使用此命令连接 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)
我的日志
我是javascript的新手.我正在尝试做一个简单的切换div用户选择方向生病放置切换div.经过一些谷歌搜索我发现一个工作小提琴但不如预期看到下面的截图,看看差异
当我在段落的前面选择一些文字它工作正常像这样
其实我在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) 我正在尝试使用草稿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) 我是使用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) 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 …
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) 我正在构建一个票务系统,用户可以在其中提出支持票证,代理可以回复特定票证,当代理回复特定票证时,我会将回复发送到相应的用户电子邮件(使用 SendGrid 的电子邮件服务)。
我的问题是,当用户回复代理电子邮件时,我将使用 SendGrid 入站解析器获取该电子邮件,但我无法唯一地识别哪个工单用户已回复。我有两个想法附加JWT在标题或唯一的电子邮件地址中,类似于票证 ID ( ticket-id-2654654@example.com),但我不知道什么会起作用
我是React + Redux + Immutable js的新手,我使用toJS()将我的不可变数据结构转换为原生javascript格式.但最近我用这条推文恍恍惚惚
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()的情况下进行迭代
我是新的反应我想用反应路由器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 ×6
javascript ×5
node.js ×4
react-router ×2
redux ×2
ajax ×1
amazon-s3 ×1
arraybuffer ×1
axios ×1
buffer ×1
codec ×1
css ×1
draftjs ×1
email ×1
express ×1
ffmpeg ×1
foreach ×1
fs ×1
getusermedia ×1
graphql ×1
html ×1
immutable.js ×1
jquery ×1
react-apollo ×1
sendgrid ×1
video ×1