Question

我有一个Shopify商店，我尝试添加一个用户上传图片的小部件通过这个小部件：
https://github.com/blueimp/jQuery-File-Upload/wiki/Basic-plugin

我为page.liquid添加了这段代码：

<head>
   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
{{ 'jquery.ui.widget.js' | asset_url | script_tag }}
{{ 'jquery.fileupload.js' | asset_url | script_tag }}
{{ 'jquery.iframe-transport.js' | asset_url | script_tag }}
</head>
<div id="content">
   <div class="container">

<div class="title clearfix">

</div>

<div class="page_content">
  <div class="row">
    <div class="col-md-9 col-md-push-3 col-sm-8 col-sm-push-4">
      <div class="sfbox box-page animated rollIn" data-animation="rollIn">
        <div class="rte">
<input id="fileupload" type="file" name="files[]" data-url="server/php/" multiple>


 <script>
  $(function () {
$('#fileupload').fileupload({
    dataType: 'json',
    add: function (e, data) {
        data.context = $('<button/>').text('Upload')
            .appendTo(document.body)
            .click(function () {
                data.context = $('<p/>').text('Uploading...').replaceAll($(this));
                data.submit();
            });
    },
    done: function (e, data) {
        data.context.text('Upload finished.');
    }
});
 });
 </script>
        </div>
      </div>
    </div>

  </div>
</div>

我将4个js文件上传到资产：
- jquery.fileupload.js.liquid
- jquery.iframe-transport.js.liquid
- jquery.ui.widget.js.liquid
- main.js
在包含小部件的文件中，我有一个“server / php”文件夹在Shopify我无法上传此文件夹。

如何解决此问题？

在Shopify中添加自定义小部件

0 个答案: