小编Ray*_*lus的帖子

文件上传后的Jquery表单提交

我意识到问题的这种变化已经多次出现,但是在这种情况下我找不到哪个能回答这个问题.

我正在使用第三方fileuploader,它利用jQuery并在文件上传完成时提供成功回调.

我想要实现的是一个带有文本字段的表单,以及fileuploader,当你点击"提交"时,它会触发上传功能(文件开始上传它的进度条),然后等待成功回调继续提交表格.

我必须立刻承认我是一个完全白痴与jQuery,它让我完全迷惑,所以我很不确定如何实现这一点.

到目前为止,我的尝试只会导致表单尝试在文件上载过程中立即提交.

manualuploader.uploadStoredFiles();单击"立即上载"按钮时,将实例化该功能.

实例化文件上传器的jQuery如下:

<form action="index.php" method="post" enctype="multipart/form-data" id="uploader">
<div id="manual-fine-uploader"></div>
<div id="triggerUpload" class="btn btn-primary" style="margin-top: 10px;">
<input type="text" name="textbox" value="Test data">
<input name="test" type="button" value="Upload now">
</div>
</form>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="fineuploader-3.6.3.js"></script>
<script>
$(document).ready(function() {
var manualuploader = new qq.FineUploader({
        element: $('#manual-fine-uploader')[0],
        request: {
                endpoint: 'uploader.php'
        },
        autoUpload: false,
        text: {
                uploadButton: '<i class="icon-plus icon-white"></i> Select Files'
        }
        });
        $('#triggerUpload').click(function() {      
        manualuploader.uploadStoredFiles();
        });
});

</script>
Run Code Online (Sandbox Code Playgroud)

javascript ajax jquery fine-uploader

7
推荐指数
1
解决办法
3912
查看次数

如何在Gradle中创建路径jar

在Windows环境中运行groovyc时,由于类路径的长度,我遇到了问题.我想通过创建一个路径jar来解决这个问题,然后将该jar放在cp上.如何使用gradle中自动指定的所有类路径条目创建路径jar,然后将该jar添加到cp?

groovy gradle

6
推荐指数
2
解决办法
8007
查看次数

IE9内存泄漏

我注意到,在我的应用程序中,与每个页面刷新的Win7上的IE进程相关的内存增加了20-30 MB.一旦达到约1.5 GB,浏览器就会无法响应.我正在使用IE9,并且只能在IE9中重现这一点.在Chrome,FF,IE7或IE8中没有此类问题.实际上,在兼容模式下运行IE9时也不会出现此问题.

特别是,我想知道即使页面刷新后内存也会泄漏.有没有人见过这个?

javascript internet-explorer-9

6
推荐指数
2
解决办法
4122
查看次数

确定文件何时被拖出窗口 - Safari 6 OS X.

我现在能够确定用户何时将文件拖出浏览器窗口,除了OS X上的Safari之外的所有其他浏览器.所有其他浏览器似乎在dragleave事件中提供了一些提示.例如,在Chrome中,event.clientX和event.clientY设置为0.在Firefox中,event.relatedTarget为null.但是,在OS X上的Safari中似乎没有这样的线索.有没有人知道如何确定用户何时将文件拖出浏览器窗口(在将其拖入窗口后)?

javascript safari html5 osx-mountain-lion

6
推荐指数
0
解决办法
271
查看次数

fine-uploader - 如何与其他输入字段结合使用?

我想在一个典型的形式中使用FineUploader:

<form enctype="multipart/form-data" method="post"">
    <input name="fileupload" type="file" ">
    <input type="text" name="title" size="45" maxlength="100">
    <textarea name="description" cols="40" rows="8"></textarea>
    <input type="hidden" name="op" value="Add">
<input type="submit" value="Upload">
Run Code Online (Sandbox Code Playgroud)

所以我真的想主要替换这<input name="fileupload" type="file" ">部分.

不幸的是我不熟悉JavaScript和jQuery jet,也不知道如何做到这一点.我找不到任何示例代码,其中FineUploader与要发送的其他数据一起使用.

我将不胜感激任何帮助!

谢谢Kashuda

javascript post input fine-uploader

6
推荐指数
1
解决办法
5357
查看次数

如何检查使用Fine Uploader选择的文件数?

我通过Fine Uploader使用手动上传.现在我想检查该文件是否已选中.

$(document).ready(function() {
    var fineuploader = new qq.FineUploader({
        element: $('#fine-uploader')[0],
        request: {
            endpoint: '<?php echo site_url('pl_items/upload_images');?>'
        },
        multiple: true,
        autoUpload: false,
        onLeave: false,
        validation: {
            allowedExtensions: ['jpeg', 'jpg', 'gif', 'png'],
            sizeLimit: 5120000 // 50 kB = 50 * 1024 bytes
        },
        text: { 
            uploadButton: '<i class="icon-plus icon-white"></i> Select Files' 
        },
        template: '<div class="qq-uploader">' +
                  '<pre class="qq-upload-drop-area"><span>{dragZoneText}</span></pre>' +
                  '<div class="qq-upload-button btn btn-danger">{uploadButtonText}</div>' +
                  '<div class="qq-drop-processing span1"><span>{dropProcessingText}</span><span class="qq-drop-processing-spinner"></span></div>' +
                  '<div><ul class="qq-upload-list"></ul></div>' +
                   '</div>',
        callbacks: {
            onComplete: function(id, name, response) {
                $('#frmDetails').append('<input …
Run Code Online (Sandbox Code Playgroud)

javascript fine-uploader

6
推荐指数
1
解决办法
3877
查看次数

如何将JVM系统属性传递给我的测试?

我有以下任务

task testGeb(type:Test) {
   jvmArgs '-Dgeb.driver=firefox'
   include "geb/**/*.class"
   testReportDir = new File(testReportDir, "gebtests")
}
Run Code Online (Sandbox Code Playgroud)

系统属性似乎没有进入Geb测试,因为Geb不会产生Firefox来运行测试.当我在Eclipse中设置相同的系统属性并运行测试时,一切正常.

gradle geb

5
推荐指数
2
解决办法
1万
查看次数

Gradle jettyRun:这件事怎么样?

通常,我会通过构建一个Server实例,设置一个连接器,一个处理程序LifeCycleListener,然后调用Server实例来启动Jetty start().我不知道如何通过jettyRunGradle中的任务实现这一点.文档让我感到困惑,我还没有找到这个任务如何工作的例子,而不是一页一页gradle jettyRun.

这项任务对我很有吸引力,因为据称它在执行后立即返回.这有助于在我的webkins从Jenkins运行后运行Selenium测试.我尝试通过JavaExec任务执行此操作,但这不起作用,因为JavaExec任务不会终止,直到底层JVM终止.

testing selenium jetty gradle

5
推荐指数
1
解决办法
9910
查看次数

在为amazon s3使用fineuploader时接收无效的策略文档或请求标头错误

我正在尝试使用FineUploader的新功能,允许直接上传到亚马逊s3.目前,我无法上传照片.我收到错误:"无效的政策文件或请求标题!"

开发人员要求在stackoverflow上发布问题.

我按照他们在此页面上的说明操作:

http://blog.fineuploader.com/2013/08/16/fine-uploader-s3-upload-directly-to-amazon-s3-from-your-browser/#guide

在设置中,我还模拟了链接到那里的示例文件:https: //github.com/Widen/fine-uploader-server/blob/master/php/s3/s3demo.php

我有我的javascript设置,只有很少的选项:

$('#fineuploader-s3').fineUploaderS3({
          request: {
              endpoint: "http://thenameofmybucket.s3.amazonaws.com",
              accessKey: “mypublicaccesskey”
          },

          signature: {
              endpoint: "s3demo.php"
          },

          iframeSupport: {
              localBlankPagePath: "/success.html"
          },

         cors: {
              expected: true
          }
  });
Run Code Online (Sandbox Code Playgroud)

我知道有很多地方可能会让我出错.我之前从未使用过s3或fineuploader,如果这些都是愚蠢的问题,那就很抱歉.但这里是我感到最困惑的地方.我有一种感觉问题在于#1:

(1)在示例javascript中,这是如何设置签名路径:

// REQUIRED: Path to our local server where requests can be signed.
          signature: {
        endpoint: "/s3/signtureHandler"
          },
Run Code Online (Sandbox Code Playgroud)

我不确定这是否是一个空文件,其中创建了一些json,或者它是否应该指向创建json的函数的php脚本,在我的情况下是我直接复制的s3demo.php.

(2)在s3demo.php文件中,我改变的唯一行是这些:

$clientPrivateKey = $_SERVER['I put my private key here'];

$expectedBucket = "http://thenameofmybucket.s3.amazonaws.com";

function handlePreflightedRequest() {
    // If you are relying on CORS, you will need to adjust …
Run Code Online (Sandbox Code Playgroud)

php amazon-s3 fine-uploader

5
推荐指数
1
解决办法
1431
查看次数

在[FINE UPLOADER]中显示以前上传的图像

我正在使用精美的上传器插件上传图片.图片上传工作正常.我想要做的是在图片上传精简上传器应该显示以前上传的图像后刷新页面.

这是我的代码..

$('#accordion').on('shown.bs.collapse', function () {
    activeShopId1 = $(".collapse.in").attr("id");

    $('#' + activeShopId1 + '  #fine-uploader-gallery' + '.single-image').fineUploader({
        template: 'qq-template-gallery',
        request: {
            endpoint: 'upload_internal_image'
        },

        validation: {
            allowedExtensions: ['jpeg', 'jpg', 'gif', 'png'],
            itemLimit: 1
        },
        messages: {
        tooManyItemsError: 'You can only add 1 image'
            },
        deleteFile: {
            enabled: true,
            forceConfirm: true,
            endpoint: 'delete_internal_image'
        },
        callbacks: {
            onSubmit: function (id, fileName) {
                this.setParams({shop_id: shopId4Map});
            },
        },
    });

})
Run Code Online (Sandbox Code Playgroud)

提前致谢.

javascript php jquery file-upload fine-uploader

5
推荐指数
1
解决办法
1793
查看次数