小编rya*_*yan的帖子

我正在尝试从表单中创建视频文件(mp4,3gp)的缩略图预览input type='file'.许多人说这只能在服务器端完成.我发现这很难相信,因为我最近刚刚使用HTML5 Canvas和Javascript遇到了这个小提琴.

缩略图小提琴

唯一的问题是这需要视频存在并且用户在单击按钮以捕获缩略图之前单击播放.我想知道是否有办法在没有玩家在场且用户点击按钮的情况下获得相同的结果.例如:用户单击文件上载并选择视频文件,然后生成缩略图.欢迎任何帮助/想法!

我正在尝试创建一个块游戏,您可以从菜单中选择形状并将它们放在画布上.有一个形状菜单,您可以在其中将形状拖动到画布上.我希望它能够将主要形状留在菜单中,因为它将克隆拖到画布上.这可能吗？我创建了一个帮助的jsfiddle.

的jsfiddle

window.canvas = new fabric.Canvas('fabriccanvas');
var edgedetection = 10; //pixels to snap
canvas.selection = false;

window.addEventListener('resize', resizeCanvas, false);

function resizeCanvas() {
canvas.setHeight(window.innerHeight);
canvas.setWidth(window.innerWidth);
canvas.renderAll();
}

// resize on init
resizeCanvas();

//Initialize Everything
init();

function init(top, left, width, height, fill) {

    var bg = new fabric.Rect({
    left: 0,
    top: 0,
    fill:  "#eee",
    width: window.innerWidth,
    height: 75,    
    lockRotation: true,
    maxHeight: document.getElementById("fabriccanvas").height,
    maxWidth: document.getElementById("fabriccanvas").width,
    selectable: false,
    });

    var squareBtn = new fabric.Rect({
    top: 6,
    left: 18,
    width: 40,
    height: 40,
    fill: '#af3', …

我知道这可能看起来像一个业余问题,但我在使用Jquery选择页面加载时的所有复选框时遇到问题.我用纯JS来解决它.

此外,一旦该问题得到解决,我需要遍历所有复选框,看看它们是否全部被检查.如果是,则提醒用户他们都被选中,如果不是全部被选中,则提醒用户另一条消息.

我已经整理了一个简单的Jsfiddle以帮助您入门.任何帮助,将不胜感激.

的jsfiddle

<table>
<tr>
    <th>Days of Week</th>
        <td>
        <div class="checkbox-group" id="checkboxes">
             <ul>
             <li>
                <input type="checkbox" id="mon"/>
                <label for="mon">MON</label>
             </li>
             <li>
                <input type="checkbox" id="tue"/>
                <label for="tue">TUE</label>
             </li>
             <li>
                <input type="checkbox" id="wed"/>
                <label for="wed">WED</label>
             </li>
             <li>
                <input type="checkbox" id="thur"/>
                <label for="thur">THUR</label>
             </li>
             <li>
                <input type="checkbox" id="fri"/>
                <label for="fri">FRI</label>
             </li>
             <li>
                <input type="checkbox" id="sat"/>
                <label for="sat">SAT</label>
             </li>
             <li>
                <input type="checkbox" id="sun"/>
                <label for="sun">SUN</label>
             </li>
             </ul>              
            </div>
 <span id="allChecked" style="display:block; width:425px; text-align:center; color:#999999;">
                (all days selected)
            </span>
        </td>
    </tr>

我试图把一些似乎很简单的东西放在一起,但由于某种原因我无法return false;正常工作.我试图阻止用户在找到三次"img"之后再输入任何文本.由于return false;某种原因不起作用.除了如何阻止用户输入外,我的所有内容都在我的演示中工作.任何帮助都会很棒.

演示:jsfiddle.net/ryanverdel/2cAeX/

$('#test').keyup(function(e){
var v = $(this).val(),
    w = v.split(/\b[\s,\.-:;]*/),
    word = 'img',
    c = 0;
for (var i=0,len=w.length;i<len;i++){
    if (w[i] === word){
        c++;
    }
    if(c == 3){
    return false           
    }
}
$('#output').text(c);
});

我试图将属性"占位符"设置为值为""的所有文本输入.

但是如果ex:input value ="myValue"的任何输入都存在一个值,那么我希望那一个输入显示该值而不是占位符.

我如何用if else声明来解决这个问题？像这样的东西？

if($("#colorScheme input").val("")){
$("#colorScheme input").attr("placeholder", "ex:444444");
}

else{

}