Django下tinymceのローカルアップロード画像機能

シーンの適用
Djangoの下でリッチテキスト編集を加える必要があり、Tinymceリッチテキストエディタを使用します.しかし、彼の画像アップロード機能はネット画像を採用しているので、ローカル画像をアップロードできる機能を加える必要がある.
Tinymce upload image Demo
フロントエンドhtml:tinymceリッチテキストエディタ、画像機能でローカルファイルを直接選択できます

    
        
        
        {#      jquery   form   #}
        
        
        tinymce.init({
        selector: '#my_editor',
        plugins: ["image", "code"],
        file_browser_callback: function (field_name, url, type, win) {
        if (type == 'image') $('#my_form input').click();
        }
        });
        
        
    
    
                <iframe id="form_target" name="form_target" style="display:none"/>
        <form id="my_form" action="/upload/" target="form_target" method="post" enctype="multipart/form-data" style="width:0px;height:0;overflow:hidden">
            <input name="image" type="file" onchange="$('#my_form').submit();this.value='';"/>
        </form>
    

</code></pre> 
 <p>  views:    post form,  input name 'image'   .      :<br/> 1.    ,  thnmbnail       <br/> 2.    , static/img  <strong>             </strong><br/> 3.      ,        url  </p> 
 <pre><code>from django.http import HttpResponse
from django.shortcuts import render
from django.views.decorators.csrf import csrf_exempt
from PIL import Image
from django.contrib import messages
import os
from django.conf import settings
def index(request):
return render(request, 'index.html')
@csrf_exempt
def upload(request):
try:
file = request.FILES['image']
img = Image.open(file)
img.thumbnail((500, 500), Image.ANTIALIAS)
try:
print(file.name)
img.save('/Users/chaochen/Dropbox/project/env_Django_Demo/tinymce_test/static/img/' + file.name,img.format)
print("img save pass")
except:
print("img.save error")
path = settings.MEDIA_ROOT + file.name
print("upload end")
return HttpResponse(
"<script>top.$('.mce-btn.mce-open').parent().find('.mce-textbox').val('%s').closest('.mce-window').find('.mce-primary').click();</script>" % path)
except Exception:
return HttpResponse("error")
</code></pre> 
 <p>url  <br/>      django.view.static  ,   setting     MEDIA_ROOT, STATICFILES_DIRS, STATIC_ROOT</p> 
 <p>        STATICFILE_DIRS      static/img             </p> 
 <pre><code>STATIC_URL = '/static/'
MEDIA_ROOT = '/static/img/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, "static"),
]
`
</code></pre> 
 <pre><code>from django.conf.urls import url
from django.contrib import admin
from . import views
from django.views.static import serve
from django.conf import settings
urlpatterns = [
url(r'^admin/', admin.site.urls),
url(r'^$', views.index, name='index'),
url(r'upload/$', views.upload, name='upload_img'),
url(r'^static/img/(?P<path>.*)', serve, {'document_root': settings.MEDIA_ROOT})
    ]
</path></code></pre> 
 <pre><code>DEMO   : https://github.com/orangercat/tinymce_upload_demo
    :[  tinymce        ](http://blog.csdn.net/tianlanzhixie/article/details/50240071)</code></pre> 
</article>
                            </div>
                        </div>