我写这个是为了使用inputHTML中的元素将图像上传到我的本地Apache webserver .该file记录为不为空,但为什么是form_data完全是空的？
$('#upload-image').change(function(e){
var file = e.target.files[0];
var imageType = /image.*/;
if (!file.type.match(imageType))
return;
console.log(file);
var form_data = new FormData();
form_data.append('file', file);
console.log(form_data);
$.ajax({
url: 'http://localhost/upload.php',
cache: false,
contentType: false,
processData: false,
data: form_data,
type: 'POST',
success: function(response){
console.log(response);
},
error: function(error){
console.log(error);
}
});
});
这是我upload.php在本地网络服务器上的
<?php
header('Access-Control-Allow-Origin: *');
if ( 0 < $_FILES['file']['error'] ) {
echo 'Error: ' . $_FILES['file']['error'] . '<br>';
}
else {
move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/' . $_FILES['file']['name']); …我有这样的数据:
{
"movies": [
{
"abridged_cast": [
{
"characters": [
"Dominic Toretto"
],
"id": "162652472",
"name": "Vin Diesel"
},
{
"characters": [
"Brian O'Conner"
],
"id": "162654234",
"name": "Paul Walker"
},
{
"characters": [
"Louie Tran"
],
"id": "162684066",
"name": "Tony Jaa"
},
{
"characters": [
"Deckard Shaw"
],
"id": "162653720",
"name": "Jason Statham"
},
{
"characters": [
"Luke Hobbs"
],
"id": "770893686",
"name": "Dwayne \"The Rock\" Johnson"
}
],
"alternate_ids": {
"imdb": "2820852"
},
"critics_consensus": "",
"id": "771354922",
"links": …我在项目的根目录server.js中的包main中设置了一个路由
http.HandleFunc("/",route.IndexHandler)
这IndexHandler是在这样的包中实现的route:
func IndexHandler(w http.ResponseWriter, r *http.Request) {
data:=struct{
Name string
}{
"My name",
}
util.RenderTemplate(w, "index", data)
}
该RenderTemplate函数在包中实现,util如下所示:
func RenderTemplate(w http.ResponseWriter, tmpl string, data interface{}) {
cwd, _ := os.Getwd()
t, err := template.ParseFiles(filepath.Join(cwd, "./view/" + tmpl + ".html"))
if err != nil {
http.Error(w, err.Error(), http.StatusInternalServerError)
return
}
err = t.Execute(w, data)
if err != nil {
http.Error(w, err.Error(), http.StatusInternalServerError)
}
}
项目中的目录结构如下:
/ …我刚安装了React Bootstrap并开始学习使用它
我开始在http://react-bootstrap.github.io/components.html上做教程
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Demo</title>
<link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css"/>
<script src="js/react-0.13.3/build/react.min.js"></script>
<script src="js/react-bootstrap.min.js"></script>
<script src="js/react-0.13.3/build/JSXTransformer.js"></script>
<script src="js/jquery-2.1.4.min.js"></script>
<script src="demo_bootstrap_react.js" type="text/jsx"></script>
</head>
<body>
<div id="test"></div>
</body>
</html>
然后我复制了React Bootstrap Button的全部教程,如下所示:
const buttonsInstance = (
<ButtonToolbar>
{/* Standard button */}
<Button>Default</Button>
{/* Provides extra visual weight and identifies the primary action in a set of buttons */}
<Button bsStyle="primary">Primary</Button>
{/* Indicates a successful or positive action */} …从命令行运行webpack时，我整天都遇到此错误：
ERROR in ./index.js
Module parse failed: /home/kuro/Workspace/ExpressJS/corate/src/index.js Line 10: Unexpected token <
You may need an appropriate loader to handle this file type.
| render:function(){
| return (
| <div>
| <div className="left">
| <img src={mac}/>
这是我的代码 index.js
var React=require('react');
var ReactDOM=require('react-dom');
var style=require('../public/css/style.css');
var mac=require('../public/images/img_landing_page_mac.png');
var chrome=require('../public/images/btn_get_chrome.png');
var Content=React.createClass({
render:function(){
return (
<div>
<div className="left">
<img src={mac}/>
</div>
<div className="right">
<h2 style={font-size: '33px', letter-spacing: '5px'}>
Organize <br>Modern Knowledge<br> for Mankind
</h2>
<p style={font-size: '20px', margin-top: '35px', letter-spacing: '4px'}> …我正在学习使用Gatling来测试场景
我一直在做文档指南 http://gatling.io/docs/2.1.7/http/recorder.html
由于我的待测试方案包括使用Google帐户登录,因此缺少证书会被拒绝.我按照指南生成证书
openssl genrsa -out rootCA.key 2048
openssl req -x509 -new -nodes -key rootCA.key -days 1 -out rootCA.pem
openssl x509 -outform der -in rootCA.pem -out gatlingCA.crt
openssl genrsa -out device.key 2048
openssl req -new -key device.key -out device.csr
openssl x509 -req -in device.csr -CA rootCA.pem -CAkey rootCA.key -CAcreateserial -out device.crt -days 1
openssl pkcs12 -export -in device.crt -inkey device.key -out server.p12 -name gatling -CAfile rootCA.pem -caname gatling -chain
keytool -importkeystore -deststorepass gatling -destkeypass gatling -destkeystore gatling-custom.jks -srckeystore server.p12 …我使用 Leaflet 绘制一个 OpenStreetMap 并使用自定义图标标记附加它
var mymap = L.map('mapid').setView([x, y], 13);
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', {
attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://mapbox.com">Mapbox</a>',
maxZoom: 18,
id: ID,
accessToken: accessToken
}).addTo(mymap);
var busIcon = new L.Icon({
iconUrl: 'images/marker/bus.png',
// shadowUrl: 'images/leaflet/marker-shadow.png',
iconSize: [12, 12],
iconAnchor: [12, 41],
popupAnchor: [1, -34],
// shadowSize: [41, 41]
});
var marker = L.marker([x, y],{icon:busIcon}).addTo(mymap);
mymap.on('zoomed', function() {
var currentZoom = mymap.getZoom();
busIcon = new L.Icon({
iconUrl: 'images/marker/bus.png',
iconSize: [mymap.getZoom*2, mymap.getZoom*2],
iconAnchor: [12, …在JavaScript中,我可以分配:
var now = Date.now();
然后now用来计算数字变量
time.TimeGo中的输入似乎不符合这种需求.什么是Go的等同于JavaScript的Date.now()？
我正在编写一个爬虫,它将使用node.js从电子商务网站获取数据.我的每次获取输入都包含:
url:该链接的URLdirectory:稍后应将输出文件写入的目录名称page:要查询的参数每个页面都会获取一些项目,稍后将详细提取每个项目
这是我的fetchPage承诺(agent是require('superagent'))将获取HTML文本:
function fetchPage(url,page){
return new Promise(
(resolve,reject)=>{
if (page>0){
agent
.get(url)
.send('page='+page)
.end(function(err,res){
if (err){
reject(err);
} else{
resolve(res.text);
}
});
} else{
agent
.get(url)
.end(function(err,res){
if (err){
reject(err);
} else{
resolve(res.text);
}
});
}
});
}
全球电话:
var data=[];
for (var i=1;i<=links[0].numOfPages;i++){
data.push({
url:links[0].url,
directory:links[0].directory,
page:i
});
}
const promises=data.reduce(
(promise,data)=>promise.then(()=>{
fetchPage(data.url,data.page).then(
(result)=>{
const urls=getUrls(result);
Promise.all(urls.map((url,i)=>fetchPage(url,0).then(
(result)=>{
var item=getItem(result);
item.url=url;
writeItem(item,data.directory,data.page,i+1);
},
(error)=>console.log(error)
)));
}); …我使用ReactJS从JSON文件中获取数据
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Demo Fetch</title>
<link rel="stylesheet" href="style.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/JSXTransformer.js"></script>
<script src="js/jquery-2.1.4.min.js"></script>
</head>
<body>
<div id="content"></div>
<script type="text/jsx">
var DataBlock = React.createClass({
getInitialState:function(){
return {data:[]};
},
componentDidMount:function() {
var a=this;
$.getJSON(this.props.url, function(data) {
a.setState({data:data})
});
},
render: function() {
console.log(this.state);
return (
<div>
<h1>Sample data block</h1>
<h3>{this.state.data.movies[0].title}</h3>
</div>
);
}
});
React.render(
<DataBlock url="small_data.json"/>,
document.getElementById('content')
);
</script>
</body>
</html>
这是JSON文件 small_data.json
{
"movies": [
{
"abridged_cast": [
{
"characters": [
"Dominic Toretto" …我正在学习Go,我不知道我是否错过了什么,但在搜索之后,我想知道:NodeJS中的dirname在Go中是否具有等价物？如何在Go代码中获取当前目录,或者我必须实现一个？
我正在使用这个库来实现切换按钮。我有两个切换按钮。我的目的是当打开其中一个时，另一个应该关闭。
按照库的指示，我创建了两个input元素：
<input type="checkbox" data-toggle="toggle" data-style="ios" data-size="normal" data-on="​" data-off="​" class="switch switch-on" checked value="true">
<input type="checkbox" data-toggle="toggle" data-style="ios" data-size="normal" data-on="​" data-off="​" class="switch switch-off">
我的 jQuery 代码来处理它们：
$('.switch-on').change(function(){
$(this).removeClass('switch-on');
$(this).addClass('switch-off');
$(this).bootstrapToggle();
});
$('.switch-off').click(function(){
$(this).removeClass('switch-off');
$(this).bootstrapToggle();
$('.switch-on').click();
$(this).addClass('switch-on');
});
我尝试了很多方法，包括更改类名、触发事件，但完全无效。当我检查元素时，类名甚至没有改变。为什么它不起作用？
javascript ×7
reactjs ×4
go ×3
html ×3
css ×2
jquery ×2
json ×2
node.js ×2
parsing ×2
ajax ×1
arrays ×1
asynchronous ×1
certificate ×1
date ×1
directory ×1
dirname ×1
equivalent ×1
fetch ×1
file ×1
forms ×1
gatling ×1
image ×1
leaflet ×1
loader ×1
marker ×1
module ×1
promise ×1
react-jsx ×1
scala ×1
ssl ×1
testing ×1
time ×1
toggle ×1
web-crawler ×1
webpack ×1
zooming ×1