小编GBo*_*ard的帖子

音频文件无法在reactjs中播放

我一直在尝试在 Recact.js 中播放音频文件,但它无法播放。我没有遇到任何错误,滚动条显示,但播放按钮不起作用。我尝试播放该歌曲以检查文件是否已损坏。mp3 文件工作正常。

import React from 'react'

class AudioPlayer extends React.Component {
  render() {
    return (
      <div>
        <audio ref="audio_tag" src="./abc.mp3" controls autoPlay/>
      </div>
    );
  }
}

export default AudioPlayer;
Run Code Online (Sandbox Code Playgroud)

html javascript audio-player reactjs

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

MongoDB聚合错误:表达式必须只有一个字段

我有以下收藏:

{
  "_id" : ObjectId("5c3f744a0f05e90001e0085a"),
  "date" : ISODate("2016-01-12T12:00:00.779Z"),
}
Run Code Online (Sandbox Code Playgroud)

我需要按对我的文档进行分组,所以我想出了这个解决方案:

db.collection.aggregate([
  {
    $group : {
      _id: { $year: { date: '$date' }, $week: { date: '$date' } },
      date: { $first: '$date' }
    }
  },
  {
    $sort: { date: -1 }
  }
]);
Run Code Online (Sandbox Code Playgroud)

但是当我运行这个时,我收到此错误:

表示表达式的对象必须只有一个字段: { $year: { date: "$date" }, $week: { date: "$date" } }

如何解决这个问题或者有更好的解决方案吗?谢谢

mongodb

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

带有内容名称的 Angular 文件下载 Content-Disposition

我想使用 Angular 下载生成的 xls 文件,并根据响应标头 Content-Disposition 设置文件名。

我用类似的东西

downloadFile(): Observable<any> {
  var url= "http://somehting";
  return this.http.get(url, { observe: 'response', responseType: 'blob' as 'json' });  
}
Run Code Online (Sandbox Code Playgroud)

然后在我的控制器中:

this.dataService.downloadFile().subscribe(
    data => {
        this.debug.msg("response:", JSON.stringify(data));
        saveAs(data.body, "test.xlsx");
    },
    err => {
        console.error(err);
        alert("Problem while downloading the file.\n" + "[" + err.status + "] " + err.statusText);
    }
);
Run Code Online (Sandbox Code Playgroud)

不幸的是,响应标头未设置,正文也是空的。

response: {
   "headers":{
      "normalizedNames":{

      },
      "lazyUpdate":null
   },
   "status":200,
   "statusText":"OK",
   "url":"http://localhost:4200/MyEndpoint/GetDownload",
   "ok":true,
   "type":4,
   "body":{

   }
}
Run Code Online (Sandbox Code Playgroud)

如果我将过程更改为responseType: blob,那么我能够获取文件的内容,但我不知道如何访问response.headers. 我是否错过了什么?如果是的话,那是什么?

angular-material angular

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

Gatsby + Contentful + Netlify - 如何在生产中渲染 tracedSVG 图像?

我正在使用GatbsyContentful CMS 和Netlify构建一个网站。它看起来很棒并且可以在本地运行,但是我在使用tracedSVG选项制作流体图像时遇到了问题。Netlify 部署曾经偶尔工作,当我向项目添加更多图像时,现在经常因以下错误而中断(并不总是在同一页面中):

10:53:45 AM: The GraphQL query from /opt/build/repo/src/pages/index.js failed.
10:53:45 AM: Errors:
10:53:45 AM:   VipsJpeg: Corrupt JPEG data: premature end of data segment
10:53:45 AM:   VipsJpeg: out of order read at line 544
10:53:45 AM:   GraphQL request:54:3
10:53:45 AM:   53 | fragment GatsbyContentfulFluid_tracedSVG on ContentfulFluid {
10:53:45 AM:   54 |   tracedSVG
10:53:45 AM:      |   ^
10:53:45 AM:   55 |   aspectRatio
Run Code Online (Sandbox Code Playgroud)

或有时

error
The GraphQL query from /opt/build/repo/src/pages/index.js failed. …
Run Code Online (Sandbox Code Playgroud)

fluid-images contentful gatsby netlify gatsby-image

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

如何在承诺中设置反应钩子的值?

我从承诺中获取数据,我想将其设置在反应钩子中,它确实如此,但它会发出无限请求并重新呈现页面,我还希望填充一些特定的数据

const [rows, setRows] = useState([]);
useEffect(() => {
    async function fetchData() {
        myEmploiList({
            user: user.id
        }).then((data) => {
            //setRows(data);
            const newData = [];
            data.forEach((item, index) => {
                newData[index] = {
                    id: item._id,
                    name: item.name,
                    society: item.society
                };
                setRows(newData);
            });
        });
    }
    fetchData();
});
Run Code Online (Sandbox Code Playgroud)

javascript request promise reactjs react-hooks

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

为什么System.out.println(map.put(1,“ test”))打印空值?

class Test3 {  
    public static void main(String args[]){  
        Map<Integer, String> aa = new HashMap();
        System.out.println(aa.put(1, "test"));
    }  

}
Run Code Online (Sandbox Code Playgroud)

每当我执行此语句时,它都会输出null值。我想知道为什么它输出空值。怎么了?

java hashmap

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