我正在建立一个移动网站,我想使用Camera API拍照.图像应显示在网站上并上传到服务器.根据MDN上Camera API的介绍,可以使用FileReader或访问网站上的图像并显示window.URL.createObjectURL.我使用iPad(Safari和Chrome)和Android平板电脑(Chrome和Firefox)成功测试了这些可能的解决方案.
FileReader和之间有什么区别window.URL.createObjectURL？我认为window.URL.createObjectURL是更新但不是标准.性能有差异吗？
我试图在React组件中设置iframe的内容,但我无法做到.我有一个组件,其中包含一个函数,当iframe完成加载时必须调用该函数.在该函数中,我正在设置内容,但似乎根本没有调用onload函数.我在chrome浏览器中测试它.我正在尝试以下方法:
var MyIframe = React.createClass({
componentDidMount : function(){
var iframe = this.refs.iframe.getDOMNode();
if(iframe.attachEvent){
iframe.attacheEvent("onload", this.props.onLoad);
}else{
iframe.onload = this.props.onLoad;
}
},
render: function(){
return <iframe ref="iframe" {...this.props}/>;
}
});
var Display = React.createClass({
getInitialState : function(){
return {
oasData : ""
};
},
iframeOnLoad : function(){
var iframe = this.refs.bannerIframe;
iframe.contentDocument.open();
iframe.contentDocument.write(['<head></head><style>body {margin: 0; overflow: hidden;display:inline-block;} html{ margin: 0 auto; text-align: center;} body > a > img {max-width: 100%; height: inherit;}', extraCss, '</style></head><body>', this.state.oasData.Ad[0].Text, '</body>'].join(''));
iframe.contentDocument.close();
},
setOasData : function(data){ …我正在使用React with Redux和Material UI来构建一个webapp.webapp由多个页面和组件组成.我知道快餐栏或对话框应该与用户正在做的事情直接相关.但是,我想让小吃栏和对话框独立于页面和组件.因此,用例是显示消息background synchronization of your data failed和操作retry now.我的想法是在名为的页面上呈现快餐栏,该页面RootFrame用于包装所有其他页面并将快餐栏的文本作为操作的有效负载进行分派.
我的Redux动作展示了一个小吃吧:
export function showSnackbar(message: string) {
return {
type: SHOW_SNACKBAR,
payload: message
};
}
当然,在动作中指定消息而不是将消息作为参数也可能是好的,但这不是我现在的问题.问题是:如何使用此系统并显示带有操作的快餐栏？我可以将我的动作更改为
export function showSnackbar(message, action) {
return {
type: SHOW_SNACKBAR,
payload: {
message,
action
}
};
}
和渲染我的小吃吧在RootFrame像
<Snackbar
message={this.props.message}
ref='snackbar'
onDismiss={() => this.props.dispatch(dismissSnackbar())}
action='retry now'
onActionTouchTap={() => this.props.dispatch(this.props.action)}
/>;
当小吃棒被解雇时,动作会改变状态中的变量:snackbar.visible = false.这用于激活零食栏(它在何时呈现snackbar.visible === true).当用户单击时retry now,应调度启动同步的操作(作为props传递给组件).使用对话框时问题非常相似.因此,不仅要显示的文本而且还必须将下一个可能的操作传递给组件.
您是否认为使用Redux这样可以,还是有更好的解决方案？
我想包装一个基于反应的Web应用程序,该应用程序使用webpack在Android设备的cordova容器中构建.我成功构建了适用于iOS的cordova应用程序,一切正常.但是,在为Android构建时,使用webpack的文件加载器在javascript中需要的静态资源(如图像和字体)未正确加载.Web视图尝试加载所有资源,如图像来自
file:///android_asset/www/build/myImage.png,但记录文件未找到错误.如果我通过图像标记直接在index.html中链接 - 例如 - 相同的图像,则图像被正确加载,但是更改webpack配置文件中的publicPath属性不起作用.
很感谢任何形式的帮助.
非常感谢提前
我使用Oracle VirtualBox将Windows Server 2012安装为VM。在此VM中，MS SQL Server 2012正在运行。启动SQL Server Managment Studio时，启动屏幕会显示几秒钟或几分钟。“ SQL Server Management Studio”和“系统中断”的CPU使用率保持在大约20％的水平。当结束SSMS任务时，系统中断的CPU使用率回落到0％。没有出现SSMS的GUI。事件查看器中没有错误。到目前为止我尝试过的是：
安装的其他软件：jdk-7u51-windows-x64，apache-tomcat-7.0.50，Ant 1.9.3，Netbeans；但是，系统重新启动后，我无法启动SMS，并且这些程序均未运行。
在这些日子里，我一直在使用这台机器，有时SSMS正在运行。但是，我花了很多时间来解决此问题，并且在最后一次卸载/安装SSMS之后又重新工作了。今天早上，我回来并启动了服务器，SSMS不再启动。在那之间，我把机器拿下来，享受了我的周末假期。
感谢您的任何提示或解决方案！
javascript ×3
reactjs ×2
android ×1
cordova ×1
file-upload ×1
iframe ×1
material-ui ×1
react-jsx ×1
redux ×1
sql-server ×1
ssms ×1
webpack ×1