鍍金池/ 問答/ HTML問答
傲寒 回答 
var HOST = '111.231.137.44';
// var HOST = '127.0.0.1'

你請求的是并不是本地地址，這個遠(yuǎn)程地址又拒絕連接，所以導(dǎo)致報錯，而你的客戶端又沒有監(jiān)聽 error 事件，程序就會直接掛掉。另外關(guān)于端口，客戶端必須訪問服務(wù)器監(jiān)聽的端口才能傳輸數(shù)據(jù)，不論是在本地還是遠(yuǎn)程。

陌離殤 回答

file在change的時候把選擇的圖片的File給push進(jìn)數(shù)組，提交時new FormData()，循環(huán)數(shù)組，通過formData.append添加到formData 中，參考我的博客吧鏈接描述

<input type="file" class="hidden"  id="file"  multiple="multiple"/>
var filearr = [];
var myfile = document.getElementById('file');
myfile.onchange = function(){
    var files = this.files; 
    for(var i = 0;i<files.length;i++){                
         filearr.push(files[i]);
    }
}

sub提交

function sub(){        
    var formData = new FormData();                
    for(var i =0;i<filearr.length;i++){    //提交時，我們把filearr中的數(shù)據(jù)遍歷一遍
        formData.append("upfile[]", filearr[i]); //用append添加到formData中，就得用戶最終要提交的圖片了，多張的話[]必須    
    };


    formData.append("aaa", 111);    
    var request = new XMLHttpRequest();                 
    request.open("POST", "1.php",true);
    request.onreadystatechange = function(){                    
        if(request.readyState==4){                        
            
        }
    };                          //注意一定不要設(shè)置request.setRequestHeader
    request.send(formData);
}

ajax的話要處理一下

    $.ajax({
          url: "1.php",
          type: "POST",
          data:formData,
          cache:false,         //不設(shè)置緩存
          processData: false,  // 不處理數(shù)據(jù)
          contentType: false   // 不設(shè)置內(nèi)容類型
    });
巫婆 回答

element ui官方API已給出Demo，詳見：http://element-cn.eleme.io/#/...。

通過Scoped slot可以獲取到row, column, $index和store（table內(nèi)部的狀態(tài)管理）的數(shù)據(jù)，具體Demo如下：

<template>
  <el-table
    :data="tableData"
    style="width: 100%">
    <el-table-column
      label="日期"
      width="180">
      <template slot-scope="scope">
        <i class="el-icon-time"></i>
        <span style="margin-left: 10px">{{ scope.row.date }}</span>
      </template>
    </el-table-column>
    <el-table-column
      label="姓名"
      width="180">
      <template slot-scope="scope">
        <el-popover trigger="hover" placement="top">
          <p>姓名: {{ scope.row.name }}</p>
          <p>住址: {{ scope.row.address }}</p>
          <div slot="reference" class="name-wrapper">
            <el-tag size="medium">{{ scope.row.name }}</el-tag>
          </div>
        </el-popover>
      </template>
    </el-table-column>
    <el-table-column label="操作">
      <template slot-scope="scope">
        <el-button
          size="mini"
          @click="handleEdit(scope.$index, scope.row)">編輯</el-button>
        <el-button
          size="mini"
          type="danger"
          @click="handleDelete(scope.$index, scope.row)">刪除</el-button>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
  export default {
    data() {
      return {
        tableData: [{
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀區(qū)金沙江路 1518 弄'
        }, {
          date: '2016-05-04',
          name: '王小虎',
          address: '上海市普陀區(qū)金沙江路 1517 弄'
        }, {
          date: '2016-05-01',
          name: '王小虎',
          address: '上海市普陀區(qū)金沙江路 1519 弄'
        }, {
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀區(qū)金沙江路 1516 弄'
        }]
      }
    },
    methods: {
      handleEdit(index, row) {
        console.log(index, row);
      },
      handleDelete(index, row) {
        console.log(index, row);
      }
    }
  }
</script>

另外：
Table Events中row-click事件也可以獲取當(dāng)前行數(shù)據(jù),詳見官方API

前兩種寫法，都是通過obj調(diào)用obj的方法sayName方法
第三種寫法，自認(rèn)為等同于：
var tmp = obj.sayName;
tmp();
這個時候tmp已經(jīng)是全局變量了，相當(dāng)于調(diào)的是window.tmp()，那this肯定是指向window了

薄荷糖 回答
復(fù)制粘貼可用
function getInfo(pagenum,createtime,location) {

    sessionStorage.setItem('pagenum', pagenum); //保存當(dāng)前頁數(shù)
    $.ajax({
        type: 'post',
        url: 'http://127.0.0.1:8080/gateway/CaptureandRecord?method=getvideo',
        dataType: 'text',
        data: {
        'pagenum': pagenum,
        'createtime':createtime,
        "location":location,
        },
        async: false,
        success: function(data) {
        console.log("data"+data);
        var data = JSON.parse(data);
        console.log("data"+data);
        var list = data.videos;

        if (data.flag == "success") {
            $('#content .row').html("");
            for (var i = 0; i < (data.countmessage<parseInt(pagenum)*8?data.countmessage-(parseInt(pagenum)-1)*8:8); i++) {
                $('#content .row').append(

                    '<div class="col-md-3">' +
                    ' <div class="view">' +
                    '<video id="'+list[i].uid+'" src="' + list[i].video + '" controls="controls">' +
                    '</video>'+
                    '</div>' +
                    '<ul>' +
                    '<li>' +
                    '<span>時間：</span>' +
                    '<span>' + data.time[i] + '</span>' +
                    '</li>' +
                    '<li>' +
                    '<span>位置：</span>' +
                    '<span>' + list[i].location + '</span>' +
                    '</li>' +
                    '<li>' +
                    '<button class="delete" onclick="delInfo(this,' + list[i].uid + ')" data-whatever="' + list[i].uid + '">刪除</button>' + 
                    '</li>' +
                    '</ul>' +
                    '</div>'
                )
            }
        }
        }
    })
}

/**
 * [delInfo 刪除]
 * @param   當(dāng)前對象 this
 * @param   ID
 * @return   
 */
function delInfo(obj,id) {
    var t = obj;
    $.ajax({
        type: 'post',
        url: 'http://127.0.0.1:8080/gateway/CaptureandRecord?method=deletevideobyuid',
        dataType: 'text',
        data: {
            "uid": id,
        },
        async: true,
        success: function(data) { 
            var data = JSON.parse(data);
            if (data.flag == 'success') {
                alert('刪除成功');
             $(t).parents('.col-md-3').remove();
            } else {
                alert("刪除失敗");
            }
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            console.log(XMLHttpRequest.status);
            console.log(XMLHttpRequest.readyState);
            console.log(textStatus);
        },
    })
}

queryParams: { roleId: 0, roleName: '' },

拼未來 回答

八成是vue本身的 bug 吧，它才剛開始支持typescript，會出些莫名的問題不奇怪。

我個人是推薦直接上vue-class-component的，我自己也是這么寫的，用標(biāo)準(zhǔn)的類寫法來寫組件，就沒有這些問題了。

女流氓 回答

支持flex嗎，可以使用flex或grid

.box{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

flex

萌吟 回答

node 版本由 v10.6.0 降到 v8.11.3, 然后就奇跡般的好了!

小眼睛 回答

你這圖標(biāo)也太大了，圖標(biāo)可以設(shè)置寬高的，方向可以設(shè)置旋轉(zhuǎn)角度，設(shè)置城市可以pan setcenter都可以

筱饞貓 回答

css 本身是有一個比較小眾的屬性 object-fit，

只需要給img標(biāo)簽設(shè)置object-fit: cover就Ok了，和background-size:cover;的效果一樣，

如果在手機上的話，可以放心使用，如果在pc上使用的話，需要考慮一下兼容性，它不兼容IE

具體可以參考文檔

MDN object-fit

司令 回答

就是跨域了, 前端可以用jsonp請求

import jsonp from 'jsonp';

jsonp('https://open.iciba.com/dsapi/?date=2018-07-11', null, (err, data) => {
  console.log(data)
});
不歸路 回答

解決

自己寫一個彈框,把按鈕放彈框上,文字改成允許,再改變一下按鈕的樣式即可

clipboard.png

上面這個允許,就是button按鈕

原理

這有什么原理可講?
默認(rèn)不跳了,你自己搞個假的不就得啦

久愛她 回答

主要是你沒有設(shè)置默認(rèn)值啊。

吃藕丑 回答

不必去google這類問題，遇上這種問題基本可以推斷項目的進(jìn)度還沒有多少吧？
從頭重新配置一個java maven web項目
在maven里添加依賴

    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>jstl</artifactId>
      <version>1.2</version>
    </dependency>

然后等載入就可以了。沒有那么多亂七八糟的麻煩事兒。
我之前因為去google搜索發(fā)現(xiàn)好像很多人遇到這個問題以為IDEA對jstl的支持就有問題。
其實不是的，搜索問題必然見到的都是有問題的。其實IDEA對jstl的支持完全沒問題。可能是我之前的環(huán)境有問題。

紓惘 回答

data(){

form:{
    token:"123"
}

}
這樣設(shè)置。

單眼皮 回答

親 我有點沒看懂你的問題 不過定時器的時候你可以賦值給個變量，然后清除時可以清除。如果是執(zhí)行快慢的問題，由于settimeout是異步，所以可以嘗試閉包解決都可以試試

首頁 上一頁 216 217 218 219 220 221 222 223 224 下一頁 尾頁