Question

我正在使用此插件上传图片http://www.finalwebsites.com/demos/php_ajax_upload_example.php

但这不起作用。我收到一个错误，但它在firebug中立即消失

我怎样才能让它发挥作用？任何人都可以在jsfiddle中显示插件吗？

提前致谢!!

Answer 1

我不知道该插件或如何通过ajax上传文件，但这是我在谷歌搜索后完成类似的方式。

1）在你的页面上放置一个div

<div id="iframeholder" style="height:0px;width:0px;display:none;"></div>

2）这是一些处理上传的jQuery。它将一个iframe附加到div并将其设置为表单提交的目标。然后，您可以阅读iframe的内容以查看上载的结果。

  thefile = $('#myfileinput').val();
  iframe = $( '<iframe name="theiframe" id="theiframe"></iframe>' );
  $('#iframeholder').append(iframe);
  $('#theuploadform').attr("action","save.php");
  $('#theuploadform').attr("method","post");
  $('#theuploadform').attr("thefile",thefile);
  $('#theuploadform').attr("enctype","multipart/form-data");
  $('#theuploadform').attr("encoding","multipart/form-data");
  $('#theuploadform').attr("target","theiframe");
  $('#theuploadform').submit(); 
  $("#theiframe").load(function() {
    iframeContents = $('#theiframe').contents().find('body').html();
    $('#theiframe').remove();
  }

3）这不是我最骄傲的时刻，但是当用户在输入字段上按Enter键时，您需要阻止表单提交，您可以通过检查按下的键是否输入然后聚焦其他控件来完成。在此处根据您的需求制作选择器。

  $('input[type=text]').bind("keypress", function(thekey) {
    if(thekey.which == "13") { $('#someothercontrol').focus();return false; } 
  });

Jquery ajax，通过ajax上传图片

1 个答案: