我不确定这是否可行,我正在用jQuery编写自己的文件上传插件,效果很好,但我想做的是通过允许用户从桌面删除文件来增强用户体验进入div并将该文件附加到我的输入
我有拖放工作,与上传相同,但目前拖放,与多个上传分开.
所以在我的html5 drop函数中我想做这样的事情:
<div id="dropZone"></div>
<!--Drop area is seperate from the fileUpload below-->
<form enctype="multipart/form-data">
<input class="clear" name="nonImagefilesToUpload[]" id="nonImagefilesToUpload" type="file" multiple/>
</form>
this.drop = function(e){
e.stopPropagation();
e.preventDefault();
files = e.dataTransfer.files ;
for (var i = 0, file; file = files[i]; i++) {
//pseudo code
if ( !file.type.match(settings.imageTypeMatch )) {
//not an image so I want to append it to my files array
$('#nonImagefilesToUpload').append( file[i] );
//hoping this will also trigger my input change
}else{
var reader = new FileReader(); …我有一个问题,我已经看到了被问到的不同部分,但我还没有找到一个简洁的工作答案,可以在iOS和Android上正常工作(我现在专门测试iPad,iPad2,Android手机和iPod Touch) .所以我拥有的是一个可扩展的网站.我希望能够指定网站的最小宽度为480px,最大宽度为1014px,中间的任何内容都将保留原样.这是我目前的代码:
viewportWidth由window.screen.width计算.minwidth是一个变量(480)maxwidth是一个变量(1014)
在触发的设备旋转事件上调用以下代码.
注意:我在下面的源代码中留下了一些注释代码,以显示我尝试过的内容
任何帮助都非常感谢,我的代码确实有效,但我发现在较小的设备上我必须缩小一个小窗口,因为页面在视口之外(即使它不应该).旋转几次有时会修复这个......
/*Set initial Sizes*/
if( viewportWidth > maxWidth){
//dont adjust since it may be desktop
viewportWidth = maxWidth;
$('meta[name="viewport"]').attr('content', 'initial-scale=1.0; width=device-width' );
//viewport = document.querySelector("meta[name=viewport]");
//viewport.setAttribute('content', 'width=' + maxWidth + '; initial-scale=1.0; user-scalable=1;');
}else if( viewportWidth > minWidth && viewportWidth < maxWidth ){
$('body').removeClass('mobile');
$('body').addClass('desktop');
$('meta[name="viewport"]').attr('content', 'initial-scale=1.0; width=device-width' );
//viewport = document.querySelector("meta[name=viewport]");
//viewport.setAttribute('content', 'width=' + window.screen.width + '; initial-scale=1.0; user-scalable=1;');
isMobile = 0;
}else if( viewportWidth <= minWidth ){
if( /iPhone|iPad|iPod/i.test(navigator.userAgent) ) {
$('meta[name="viewport"]').attr('content', …